Bug: Nested ReactDOMServer.renderToString calls cause React hooks to throw invalid hook exception

When you make a nested ReactDOMServer.renderToString call (i.e. call ReactDOMServer.renderToString from within a component rendered using ReactDOMServer.renderToString), you can not use any hooks after the second call. Custom hooks work, but React hooks throw a invalid hook call error. Not sure if this is an acceptable use case for ReactDOMServer, this is how a current project is setup, I am just making some additional hook calls and encountered this error. I have replicated the issue on a fresh React app with nothing else. React version: 17.0.2 ## Steps To Reproduce 1. Createa a component, ComponentA 2. In ComponentA make a call to ReactDOMServer.renderToString, and then use a React hook (useState, useContext etc.) 3. In the main app render ComponentA via ReactDOMServer.renderToString (ReactDOMServer.renderToString(<ComponentA />) Link to code example: https://codesandbox.io/s/sweet-kate-etr68 ## The current behavior Throws an invalid hook call exception ## The expected behavior Work as usual, hooks working as normal.