[Bug] Lerna + react hooks

Bug

When running using lerna & react hooks, react-static is not able to export. Instead, this error is shown: Invariant Violation: Failed exporting HTML for URL / (src\pages\index.tsx): Minified React error #307; visit https://reactjs.org/docs/error-decoder.html?invariant=307

According to that page, this is the error: Hooks can only be called inside the body of a function component

If I manually place the global node_modules in the local project folder, the build succeeds.

Environment

  System:
    OS: Windows 10
    CPU: (8) x64 Intel(R) Core(TM) i7-2700K CPU @ 3.50GHz
    Memory: 6.84 GB / 15.95 GB
  Binaries:
    Node: 11.9.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.13.0 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 6.5.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: 44.17763.1.0
    Internet Explorer: 11.0.17763.1
  Dependencies:
    react: 16.8.1
    react-dom: 16.8.1
    react-static: 6.0.18

Steps to Reproduce the problem

1. lerna init
2. configure lerna for yarn workspaces
3. copy template to /packages & provide package version
4. run lerna bootstrap
5. run yarn build

Expected Behavior

The build should succeed

Reproducible Demo

https://github.com/meesvandongen/bug-lerna-reactstatic

[tannerlinsley]

This is a bug with react in general when using lerna or linked dependencies. We’re working on a workaround that will hopefully fix this.

[tannerlinsley]

Another scenario that causes this bug is when there are 2 versions of React being loaded in the same application. Using Hooks will amplify this issue sooner, so you need to make sure you are only relying on a single version of react for your whole app. Try running yarn why react to see which/how many versions you have installed.

We released a fix that should force resolve any react imports to the same version (the one resolved from your project root).