diff --git a/packages/next/shared/lib/dynamic.tsx b/packages/next/shared/lib/dynamic.tsx
index 14728c6ea12f9..d3b639b68ef34 100644
--- a/packages/next/shared/lib/dynamic.tsx
+++ b/packages/next/shared/lib/dynamic.tsx
@@ -64,10 +64,10 @@ export function noSSR
(
)
- return () => (
+ return (props: any) => (
-
+
)
diff --git a/test/e2e/app-dir/app/app/dashboard/dynamic/dynamic-imports/dynamic-client.js b/test/e2e/app-dir/app/app/dashboard/dynamic/dynamic-imports/dynamic-client.js
index db6ee95655202..43c31dd3a191e 100644
--- a/test/e2e/app-dir/app/app/dashboard/dynamic/dynamic-imports/dynamic-client.js
+++ b/test/e2e/app-dir/app/app/dashboard/dynamic/dynamic-imports/dynamic-client.js
@@ -11,7 +11,7 @@ export function NextDynamicClientComponent() {
return (
<>
-
+
>
)
}
diff --git a/test/e2e/app-dir/app/app/dashboard/dynamic/text-dynamic-no-ssr-client.js b/test/e2e/app-dir/app/app/dashboard/dynamic/text-dynamic-no-ssr-client.js
index de707c60d8689..401754570c300 100644
--- a/test/e2e/app-dir/app/app/dashboard/dynamic/text-dynamic-no-ssr-client.js
+++ b/test/e2e/app-dir/app/app/dashboard/dynamic/text-dynamic-no-ssr-client.js
@@ -3,8 +3,8 @@
import { useState } from 'react'
import styles from './dynamic.module.css'
-export default function Dynamic() {
- let [state] = useState('dynamic no ssr on client')
+export default function Dynamic({ name }) {
+ let [state] = useState('dynamic no ssr on client' + name)
return (
{`next-dynamic ${state}`}
diff --git a/test/e2e/app-dir/index.test.ts b/test/e2e/app-dir/index.test.ts
index 61b4314fde7e1..f5424ec18bd08 100644
--- a/test/e2e/app-dir/index.test.ts
+++ b/test/e2e/app-dir/index.test.ts
@@ -171,7 +171,7 @@ describe('app dir', () => {
expect(
await browser.elementByCss('#css-text-dynamic-no-ssr-client').text()
- ).toBe('next-dynamic dynamic no ssr on client')
+ ).toBe('next-dynamic dynamic no ssr on client:suffix')
})
it('should serve polyfills for browsers that do not support modules', async () => {