Cannot find module 'react/lib/ReactComponentTreeHook' from 'ReactDebugTool.js'

[xareelee]

After adding and importing this lib, testing with jest shows errors for all test suites:

  ● Test suite failed to run

    Cannot find module 'react/lib/ReactComponentTreeHook' from 'ReactDebugTool.js'
      
      at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:179:17)
      at Object.<anonymous> (node_modules/react-addons-perf/node_modules/react-dom/lib/ReactDebugTool.js:16:30)

Part of package.json:

{
  "dependencies": {
    "react": "16.0.0-alpha.12", 
    "react-native": "0.46.3",
    ...
  }
  "devDependencies": {
    "jest": "^20.0.4",                               // 20.0.4
    "react-dom": "16.0.0-alpha.12",
    "react-native-mock": "^0.3.1",                   // 0.3.1
    "react-test-renderer": "16.0.0-alpha.12",
    ...
  }
}

Those errors are raised from react-addons-perf which is depended by react-native-mock. The version of react-addons-perf is 15.4.2. I'm not sure whether it is related to the version of react (16.0.0-alpha.12).

[xareelee]

I've checked that the module react-addons-perf@15.4.2 which has a peer-dependency with react-dom@15.4.2 which has a peer-dependency with react@^15.6.1, and it leads to this issue.

node_modules/react-addons-perf/node_modules/react-dom/lib/ReactDebugTool.js:16:30:

var ReactComponentTreeHook = require('react/lib/ReactComponentTreeHook');

However, react@16.0.0-alpha.16 that I installed doesn't have that file.

React-Native 0.45 and 0.46 depends on react@16.0.0-alpha, I think the dependencies should be updated.

[dannyshisler]

I've got the same problem - I'm using Mocha. I get:

`module.js:471
throw err;
^

Error: Cannot find module 'react/lib/ReactComponentTreeHook'`

I'm using react-native 0.46.4

[RealOrangeOne]

This issue would resolve itself if react@16 would come out of alpha. But yes I agree that fixing the dependencies should fix the issue, however i'm not sure requiring ^16 is wise for backwards compatability. Perhaps experimenting with swapping it to a peer dependency might solve it?

[gabceb]

The hook was moved from addons to a different location for React 16 as per react/react@f2fc182. I'm trying to get this to work with mockery by switching the loader location and will report back if I am able to get it to work

[gabceb]

React 16 Beta is out and they have oficially said perf add-ons wont be coming back the same way it was before

react/react#10294

[peixin]

and how to fix?

[mgeist]

What worked for me was to downgrade to react-native 0.44.x for the time being.
react-native: 0.44.x
react: 16.0.0-alpha.6

Although I'm using create-react-native-app / expo, so I'm not sure if this will work for others.

[sebas5384]

I'm having the same issue here but my error is coming from react-apollo's react-dom, somebody had a solution? oh! I'm using Jest.

[sebas5384]

I resolved by upgrading my node to v8.3.0 (npm v5.3.0), removing all the node_modules and then installing all again. Btw, I'm using yarn.

[faisalil]

@RealOrangeOne , what is the plan to resolve this?

[shqld]

Is there any valid workarounds except for downgrading react-native? I'm using the latest version of it now.

[patrys]

I've tried to fork this and upgrade it to depend on the latest react but I couldn't get perf tools to work (latest release seems to target 16.0.0-alpha.3).

[shqld]

I made a very simple fork and we can use it for the time being until an officially release.
https://github.com/shqld/react-native-mock