TypeError: (0 , _dom.configure) is not a function

[jonaohana]

At a loss here, when I stepped through code, _dom is an object with many properties just not configure, version mismatch?
any help would be appreciated.

FAIL src/components/RewardForm/RewardForm.test.tsx
● Test suite failed to run

TypeError: (0 , _dom.configure) is not a function

  1 | import React from 'react';
> 2 | import { screen, render, getByTestId, fireEvent } from '@testing-library/react';
    | ^
  3 | import userEvent from '@testing-library/user-event';
  4 | import { useForm } from 'react-hook-form';
  5 | import '@testing-library/jest-dom';

[MatanBobi]

Hi @jonaohana, at the moment this report doesn't have enough details for us to try and investigate it.
Please create a codesandbox reproduction of this issue and also state which versions you're currently using so we'll be able to try and help :)
Thanks.

[Cayan]

I have the same issue, I'm testing multiple versions but nothing so far. I'm trying to implement tests on a legacy platform, current versions:

"react": "^17.0.2",
"@testing-library/react": "^12.1.5",
"jest": "^27.0.3",

[MatanBobi]

Hi @Cayan.. Can you please provide a reproduction? We can't investigate this any further without a reproduction..
Thanks!

[Cayan]

Hi @MatanBobi after a long investigation I was able to fix the problem!

Apparently, a moduleNameMapper for the config key was causing such conflict.

[rstevens354]

@Cayan any chance you could share your fix? I have the exact same error caused by the same moduleNameMapper config

[MatanBobi]

@rstevens354 you can share your moduleNameMapper here and we'll try to help with that :)
Anyways, I'm closing as it looks like this is not an issue with testing-library and the original poster didn't comment back with information, if you think it is, please comment here and we'll re-open.

Thanks @Cayan!

[eps1lon]

Hi @MatanBobi after a long investigation I was able to fix the problem!

Apparently, a moduleNameMapper for the config key was causing such conflict.

We've had a similar report in the past that was fixed with #1064 (comment)

[shashaMF]

I am also facing the same problem
When I run Jest, an error occurs：

my package.json is here

{ ... "@testing-library/dom": "9.0.0", "@testing-library/jest-dom": "6.1.5", "@testing-library/react": "12.1.3", "@testing-library/user-event": "^12.1.10", "react": "^17.0.1", }

And my jest config here.
"moduleNameMapper": { "^@/(.*)$": "<rootDir>/src/$1", "^Assets/(.*)$": "<rootDir>/src/assets/$1", "config": "<rootDir>/src/config", "Services": "<rootDir>/src/services", "^Store/(.*)$": "<rootDir>/src/store/$1", "^utils/(.*)$": "<rootDir>/src/utils/$1", "^Pages/(.*)$": "<rootDir>/src/pages/$1", "^Containers/(.*)$": "<rootDir>/src/containers/$1", "^Typings/(.*)$": "<rootDir>/src/typings/$1", "^Layouts/(.*)$": "<rootDir>/src/layouts/$1", "components": "<rootDir>/src/components", "^react-native$": "react-native-web", "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy", "^.+\\.(css|less|scss)$": "identity-obj-proxy", "./styled": "<rootDir>/src/styleMock.js", "antd": "<rootDir>/node_modules/antd/dist/antd.min.js", "^@ant-design/(.*)$": "<rootDir>/node_modules/@ant-design/$1/dist/index.umd.min.js" }
Very anxious. If anyone knows how to solve it, please let me know. Thank you very much！