Bug: Invalid hook call in React Native; verified all known causes

I’m getting the Invalid Hook Call warning, and I’ve gone down the list of the potential causes and have ruled out (as far as I can tell) all of them:

1. Mismatching versions of react and react-dom

• from my package.json

"dependencies": {
        "react": "^16.13.1",
        "react-dom": "^16.13.1",
}

1. Breaking rules of hooks

• my component:

const CaptureScreen = () => {
    const [stuff, setStuff] = useState(0)

    return (
        <DefaultTemplate >
            <NuggetAdder />
        </DefaultTemplate>
    )
}

1. Multiple versions of react

• I’ve required react from node_modules/react-dom/index.js and set it to window.React1, and from the component CaptureScreen (above) I have done the steps listed in the “Invalid hook call documentation” and set up window.React2. When I log window.React1 === window.React2, I get back true.
• I’m not certain this is reliable since I use yarn, but running npm ls react returns:

myproject@0.0.1 /Users/me/programming/projects/my-project/client
└── (empty)

React version: 16.13.1 React-native version: 0.62.2

[Tycholiz]

@bvaughn that fixed it!

I forget the exact reason why I added react-dom in there in the first place, but I have a feeling it was related to unit testing with Jest. I always questioned why it was in there as well, but figured that Jest was using it for mocks or something.

Phew, that solves a long and drawn out case! Hope this can help someone else.

[bvaughn]

Why is react-dom involved here? Your title says “React Native” but you’ve mentioned react-dom a few times.