diff --git a/.changeset/afraid-readers-laugh.md b/.changeset/afraid-readers-laugh.md
new file mode 100644
index 000000000..5e4303c9e
--- /dev/null
+++ b/.changeset/afraid-readers-laugh.md
@@ -0,0 +1,5 @@
+---
+"@headstartwp/next": patch
+---
+
+Fix: add .js to import statement for next.js path imports
diff --git a/packages/next/src/blocks/LinkBlock.tsx b/packages/next/src/blocks/LinkBlock.tsx
index 80df08d29..e3301d648 100644
--- a/packages/next/src/blocks/LinkBlock.tsx
+++ b/packages/next/src/blocks/LinkBlock.tsx
@@ -1,4 +1,4 @@
-import Link from 'next/link';
+import Link from 'next/link.js';
 import { removeSourceUrl } from '@headstartwp/core/utils';
 import { IBlock, IBlockAttributes, useSettings } from '@headstartwp/core/react';
 import { getAttributes, isAnchorTag } from '@headstartwp/core';
diff --git a/packages/next/src/components/HeadlessApp.tsx b/packages/next/src/components/HeadlessApp.tsx
index 9b4abb433..05c1431c4 100644
--- a/packages/next/src/components/HeadlessApp.tsx
+++ b/packages/next/src/components/HeadlessApp.tsx
@@ -7,7 +7,7 @@ import {
 } from '@headstartwp/core/react';
 import type { SettingsContextProps } from '@headstartwp/core/react';
 
-import { useRouter } from 'next/router';
+import { useRouter } from 'next/router.js';
 import { getSiteByHost } from '@headstartwp/core';
 import { Yoast } from './Yoast';
 import { seoKey } from '../data/hooks/useSeo';
diff --git a/packages/next/src/components/ImageComponent.tsx b/packages/next/src/components/ImageComponent.tsx
index f9880bc4a..d41cf91dc 100644
--- a/packages/next/src/components/ImageComponent.tsx
+++ b/packages/next/src/components/ImageComponent.tsx
@@ -1,5 +1,5 @@
-import NextImageComponent from 'next/image';
-import type { ImageLoaderProps } from 'next/image';
+import NextImageComponent from 'next/image.js';
+import type { ImageLoaderProps } from 'next/image.js';
 import { ImageBlockProps } from '@headstartwp/core/react';
 
 // See error in https://github.com/vercel/next.js/issues/54777
diff --git a/packages/next/src/components/Yoast.tsx b/packages/next/src/components/Yoast.tsx
index 233ad0bf1..3aa30de46 100644
--- a/packages/next/src/components/Yoast.tsx
+++ b/packages/next/src/components/Yoast.tsx
@@ -10,7 +10,7 @@ import {
 	isElement,
 } from '@headstartwp/core';
 import { useSettings } from '@headstartwp/core/react';
-import Head from 'next/head';
+import Head from 'next/head.js';
 
 export function convertUrl(url: string, hostUrl: string, sourceUrl: string) {
 	if (!url.startsWith(sourceUrl)) {
diff --git a/packages/next/src/data/hooks/usePrepareFetch.ts b/packages/next/src/data/hooks/usePrepareFetch.ts
index 30350814a..1528eafef 100644
--- a/packages/next/src/data/hooks/usePrepareFetch.ts
+++ b/packages/next/src/data/hooks/usePrepareFetch.ts
@@ -1,6 +1,6 @@
 import { EndpointParams, Entity, FetchResponse } from '@headstartwp/core';
 import { FetchHookOptions, useSettings } from '@headstartwp/core/react';
-import { useRouter } from 'next/router';
+import { useRouter } from 'next/router.js';
 import { convertToPath } from '../convertToPath';
 
 /**