SSG Error occurred prerendering page with nested node_modules

[Carduelis]

Bug report

Describe the bug

Hello!
I upgraded from 9.3.5 to 9.4.0 and decided to start switching from getInitialProps to getStaticProps and getServerSideProps.

I have styled-components in _document.js injected exactly like in the example.

I'm using firebase hosting, so I have to keep functions folder with its own node_modules.

When next.js starts logging Automatically optimizing pages message, React throws error about 'Invalid hook call'.

I tried to modify next.config.js with

if (options.isServer) {
      config.externals = ['react', 'react-dom', 'styled-components', ...config.externals];
}

... but no luck.
Of course, I've checked versions of React: they are the same.

To sum it up:

1. My _app.js file is very simple. export default ({ Component, pageProps }) => <Component {...pageProps} />
2. My _document.js file is the same as in official example here
3. I use firebase, and have subfolder functions with node_modules
4. It runs in dev mode well
5. When I run next build it fails after compiling on Automatically optimizing pages stage
6. If I put async getInitialProps to _app or remove server-side styles from _document it works again.
7. If I remove sub-node_modules folder and keep server-side styles , it works too

System information

• OS: Windows
• Browser (if applies) [e.g. chrome, safari]
• Version of Next.js: 9.4.0
• Version of Node.js: 12.11.1

Additional context

How can I fix this issue using externals or via other features that comes from next.js?

What kind of best-practice approach should I take?

Thank you!