diff --git a/apps/storybook/.storybook/preview.tsx b/apps/storybook/.storybook/preview.tsx
index 645bbfb..406d159 100644
--- a/apps/storybook/.storybook/preview.tsx
+++ b/apps/storybook/.storybook/preview.tsx
@@ -1,5 +1,5 @@
 import "@repo/config-tailwind/styles.css"
-import { defaultTranslationValues } from "@repo/i18n/config"
+import { defaultTranslationValues, Locale } from "@repo/i18n/config"
 import i18nMessagesEnglish from "@repo/i18n/translations/en-US.json"
 import { ThemeProvider } from "@repo/ui/Header/SwitchTheme"
 import type { Preview } from "@storybook/react"
@@ -32,11 +32,13 @@ const preview: Preview = {
   },
   decorators: [
     (Story) => {
+      const locale = "en-US" satisfies Locale
+
       return (
         <ThemeProvider>
           <NextIntlClientProvider
             messages={i18nMessagesEnglish}
-            locale="en"
+            locale={locale}
             defaultTranslationValues={defaultTranslationValues}
           >
             <Story />
diff --git a/packages/config-typescript/tsconfig.json b/packages/config-typescript/tsconfig.json
index b2bb12e..04cd112 100644
--- a/packages/config-typescript/tsconfig.json
+++ b/packages/config-typescript/tsconfig.json
@@ -13,6 +13,7 @@
 
     "isolatedModules": true,
     "esModuleInterop": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "jsx": "preserve"
   }
 }