diff --git a/apps/docs/pages/reference/javascript/[...slug].tsx b/apps/docs/pages/reference/javascript/[...slug].tsx
index 7ddc08a6113..09940824afc 100644
--- a/apps/docs/pages/reference/javascript/[...slug].tsx
+++ b/apps/docs/pages/reference/javascript/[...slug].tsx
@@ -7,6 +7,8 @@ import { flattenSections } from '~/lib/helpers'
 import handleRefGetStaticPaths from '~/lib/mdx/handleRefStaticPaths'
 import handleRefStaticProps from '~/lib/mdx/handleRefStaticProps'
 
+import * as shiki from 'shiki'
+
 const sections = flattenSections(clientLibsCommonSections)
 
 export default function JSReference(props) {
@@ -14,6 +16,10 @@ export default function JSReference(props) {
 }
 
 export async function getStaticProps({ params }: { params: { slug: string[] } }) {
+  const forceShiki = await shiki.getHighlighter({
+    theme: 'github-light',
+  })
+
   return handleRefStaticProps(sections, params, '/js', '/javascript')
 }