diff --git a/src/default-theme/Layout.tsx b/src/default-theme/Layout.tsx
index 9660bae..607061b 100644
--- a/src/default-theme/Layout.tsx
+++ b/src/default-theme/Layout.tsx
@@ -15,7 +15,7 @@ import {
 } from "solid-js";
 import { Dynamic } from "solid-js/web";
 
-import { useLocale, useThemeListener } from "../client/index.js";
+import { useLocale, useThemeListener } from "../client/index.jsx";
 import { usePreferredLanguage } from "../client/preferred-language.js";
 import {
 	type SidebarItemLink,
diff --git a/src/default-theme/mdx-components.tsx b/src/default-theme/mdx-components.tsx
index 4cd5064..30678d4 100644
--- a/src/default-theme/mdx-components.tsx
+++ b/src/default-theme/mdx-components.tsx
@@ -15,9 +15,9 @@ import {
 	splitProps,
 } from "solid-js";
 import { usePreferredLanguage } from "../client/preferred-language.js";
-import CopyPageLink from "../default-theme/components/CopyPageLink.js";
-import { Preview, PreviewPanel, PreviewStage } from "./components/Preview.js";
-import { useDefaultThemeComponents } from "./context.js";
+import CopyPageLink from "../default-theme/components/CopyPageLink.jsx";
+import { Preview, PreviewPanel, PreviewStage } from "./components/Preview.jsx";
+import { useDefaultThemeComponents } from "./context.jsx";
 import { useDefaultThemeFrontmatter } from "./frontmatter.js";
 import styles from "./mdx-components.module.css";