Cannot find name 'expect'

Issue :

I trying to configure a typescript and react project and now I want to add jest to this project.

I get some error after npm run test

Expected behavior :

normal test for 0 error

Error content:

 TypeScript diagnostics (customize using `[jest-config].globals.ts-jest.diagnostics` option):
    src/components/__test__/Child.test.tsx:11:1 - error TS2304: Cannot find name 'beforeEach'.

    11 beforeEach(() =>
       ~~~~~~~~~~
    src/components/__test__/Child.test.tsx:14:1 - error TS2582: Cannot find name 'it'. Do you need to install type definitions for a test runner? Try `npm i @types/jest` or `npm i @types/mocha`.

    14 it("should render without error", () =>
       ~~
    src/components/__test__/Child.test.tsx:15:3 - error TS2304: Cannot find name 'expect'.

    15   expect(child.length).toBe(1));
         ~~~~~~
    src/components/__test__/Child.test.tsx:16:1 - error TS2582: Cannot find name 'it'. Do you need to install type definitions for a test runner? Try `npm i @types/jest` or `npm i @types/mocha`.

    16 it('should render paragraph for each item that has been passed through props', () => {
       ~~
    src/components/__test__/Child.test.tsx:19:3 - error TS2304: Cannot find name 'expect'.

    19   expect(pNodes.length).toBe(testChildProps.items.length);
         ~~~~~~

Minimal repo :

repo

I can add diagnostics to ignore this error but I think this too tricky I want to fix this error but I don’t know how.

   globals: {
     "ts-jest": {
       "diagnostics": {
         "warnOnly": true
       }
     }
   }

anyone help?

I change the path of typeRoots and it working now

"typeRoots": [
   "../node_modules/@types"
 ]