diff --git a/apps/website/src/components/code-snippet/code-snippet.tsx b/apps/website/src/components/code-snippet/code-snippet.tsx
index 53d6cab03..3fa0cb4a3 100644
--- a/apps/website/src/components/code-snippet/code-snippet.tsx
+++ b/apps/website/src/components/code-snippet/code-snippet.tsx
@@ -11,6 +11,7 @@ import { Highlight } from '../highlight/highlight';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const codeSnippets: any = import.meta.glob('/src/routes/docs/**/**/snippets/*', {
   query: '?raw',
+  import: 'default',
   eager: isDev ? false : true,
 });
 
diff --git a/apps/website/src/components/showcase/component-imports.ts b/apps/website/src/components/showcase/component-imports.ts
index e540bb9b7..a774dedae 100644
--- a/apps/website/src/components/showcase/component-imports.ts
+++ b/apps/website/src/components/showcase/component-imports.ts
@@ -19,6 +19,7 @@ export const rawComponents: Record<string, any> = import.meta.glob(
   '/src/routes/docs/**/**/examples/*.tsx',
   {
     query: '?raw',
+    import: 'default',
     eager: isDev ? false : true,
   },
 );