commit failing test case

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["next/babel"],
+  "plugins": []
+}

components/some-comp.jsx

@@ -0,0 +1,14 @@
+import dynamic from 'next/dynamic'
+
+const SomeDynamicComp = dynamic(() =>
+  import('./some-dynamic-comp').then((mod) => mod.SomeDynamicComp),
+{ ssr: false })
+
+export function SomeComp () {
+  return (
+    <div>
+      Hello world
+      <SomeDynamicComp />
+    </div>
+    )
+}

components/some-comp.test.jsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+
+import { SomeComp } from './some-comp'
+
+it('renders without error', () => {
+  render(<SomeComp />)
+})

components/some-dynamic-comp.jsx

@@ -0,0 +1,7 @@
+export function SomeDynamicComp () {
+  return (
+    <div>
+      Hello dynamic world
+    </div>
+    )
+}

jest.config.js

@@ -0,0 +1,8 @@
+// For a detailed explanation regarding each configuration property, visit:
+// https://jestjs.io/docs/en/configuration.html
+
+module.exports = {
+  clearMocks: true,
+  coverageDirectory: 'coverage',
+  coverageProvider: 'v8'
+}

next.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  future: {
+    webpack5: true
+  }
+}

package.json

@@ -5,11 +5,16 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "test": "jest --coverage"
   },
   "dependencies": {
     "next": "10.2.0",
     "react": "17.0.2",
     "react-dom": "17.0.2"
+  },
+  "devDependencies": {
+    "jest": "^26.5.3",
+    "@testing-library/react": "^11.0.4"
   }
 }

pages/index.js

@@ -2,6 +2,8 @@ import Head from 'next/head'
 import Image from 'next/image'
 import styles from '../styles/Home.module.css'
 
+import { SomeComp } from '../components/some-comp'
+
 export default function Home() {
   return (
     <div className={styles.container}>
@@ -10,7 +12,7 @@ export default function Home() {
         <meta name="description" content="Generated by create next app" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-
+      <SomeComp />
       <main className={styles.main}>
         <h1 className={styles.title}>
           Welcome to <a href="https://nextjs.org">Next.js!</a>