diff --git a/packages/toolpad-core/src/nextjs/NextAppProvider.test.tsx b/packages/toolpad-core/src/nextjs/NextAppProvider.test.tsx
index 05b54e87833..c49396090de 100644
--- a/packages/toolpad-core/src/nextjs/NextAppProvider.test.tsx
+++ b/packages/toolpad-core/src/nextjs/NextAppProvider.test.tsx
@@ -8,7 +8,7 @@ import { render, screen } from '@testing-library/react';
 import { NextAppProvider } from './NextAppProvider';
 import { Router } from '../AppProvider';
 
-vi.mock('next/navigation.js', () => {
+vi.mock('next/navigation', () => {
   const searchParams = new URLSearchParams();
   const push = () => {};
   const replace = () => {};
@@ -20,11 +20,11 @@ vi.mock('next/navigation.js', () => {
   };
 });
 
-vi.mock('next/router.js', () => ({ useRouter: () => null }));
+vi.mock('next/router', () => ({ useRouter: () => null }));
 
-vi.mock('next/compat/router.js', () => ({ useRouter: () => null }));
+vi.mock('next/compat/router', () => ({ useRouter: () => null }));
 
-vi.mock('next/link.js', () => ({ default: () => null }));
+vi.mock('next/link', () => ({ default: () => null }));
 
 interface RouterTestProps {
   children: React.ReactNode;
diff --git a/packages/toolpad-core/src/nextjs/NextAppProvider.tsx b/packages/toolpad-core/src/nextjs/NextAppProvider.tsx
index cbdea5b579e..80b797b751e 100644
--- a/packages/toolpad-core/src/nextjs/NextAppProvider.tsx
+++ b/packages/toolpad-core/src/nextjs/NextAppProvider.tsx
@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { useRouter } from 'next/compat/router.js';
+import { useRouter } from 'next/compat/router';
 import { NextAppProviderApp } from './NextAppProviderApp';
 import { NextAppProviderPages } from './NextAppProviderPages';
 import type { AppProviderProps } from '../AppProvider';
diff --git a/packages/toolpad-core/src/nextjs/NextAppProviderApp.tsx b/packages/toolpad-core/src/nextjs/NextAppProviderApp.tsx
index d3b78c3ac3b..0f64d3a976d 100644
--- a/packages/toolpad-core/src/nextjs/NextAppProviderApp.tsx
+++ b/packages/toolpad-core/src/nextjs/NextAppProviderApp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import NextLink from 'next/link.js';
-import { usePathname, useSearchParams, useRouter } from 'next/navigation.js';
+import NextLink from 'next/link';
+import { usePathname, useSearchParams, useRouter } from 'next/navigation';
 import { LinkProps } from '../shared/Link';
 import { AppProvider } from '../AppProvider';
 import type { AppProviderProps, Navigate, Router } from '../AppProvider';
diff --git a/packages/toolpad-core/src/nextjs/NextAppProviderPages.tsx b/packages/toolpad-core/src/nextjs/NextAppProviderPages.tsx
index 7ec2f5a0af3..bc5c4c4e714 100644
--- a/packages/toolpad-core/src/nextjs/NextAppProviderPages.tsx
+++ b/packages/toolpad-core/src/nextjs/NextAppProviderPages.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
-import NextLink from 'next/link.js';
+import NextLink from 'next/link';
 import { asArray } from '@toolpad/utils/collections';
-import { useRouter } from 'next/router.js';
+import { useRouter } from 'next/router';
 import { LinkProps } from '../shared/Link';
 import { AppProvider } from '../AppProvider';
 import type { AppProviderProps, Navigate, Router } from '../AppProvider';