feat: allow passing translations to ComponentWrapper

ory · Nov 19, 2024 · b955e6f · b955e6f
1 parent a5fcd44
commit b955e6f
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/src/markup-components/component-wrapper.tsx b/src/markup-components/component-wrapper.tsx
@@ -3,20 +3,21 @@
 
 import { FunctionComponent } from "react"
 import ReactDOMServer from "react-dom/server"
-import { IntlProvider } from "../react-components"
-import * as locales from "../locales"
+import {
+  CustomTranslations,
+  IntlProvider,
+  SupportedTranslations,
+} from "../react-components"
 
-export type Context = {
-  locale?: keyof typeof locales
-}
+export type Context = SupportedTranslations | CustomTranslations
 
 export const ComponentWrapper = <Props extends {}>(
   Component: FunctionComponent<Props>,
   props: Props,
-  { locale = "en" }: Context,
+  ctx: Context,
 ) => {
   return ReactDOMServer.renderToStaticMarkup(
-    <IntlProvider locale={locale}>
+    <IntlProvider<typeof ctx> {...ctx}>
       <Component {...props} />
     </IntlProvider>,
   )