Fix/esm builds (#763)

10up · May 7, 2024 · 0682d9c · 0682d9c
1 parent a9ca72d
commit 0682d9c
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 6 deletions.
diff --git a/.changeset/afraid-readers-laugh.md 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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';
 
 /**