diff --git a/explorer-nextjs/src/app/(pages)/onboarding/[slug]/page.tsx b/explorer-nextjs/src/app/(pages)/onboarding/[slug]/page.tsx
index b4ffe2be94..82b5a252af 100644
--- a/explorer-nextjs/src/app/(pages)/onboarding/[slug]/page.tsx
+++ b/explorer-nextjs/src/app/(pages)/onboarding/[slug]/page.tsx
@@ -15,10 +15,9 @@ export default async function BlogPage({
   params: Promise<{ slug: string }>;
 }) {
   const { slug } = await params;
-  const file = `@/data/${slug}.json`;
 
   try {
-    const blogArticle: BlogArticle = await import(file);
+    const blogArticle: BlogArticle = await import(`@/data/${slug}.json`);
     const breadcrumbItems = [
       {
         label: "Onboarding",