I have deployed a site using Next.js on Heroku. With the domain Heroku provides everything works fine:
https://weboost.herokuapp.com/
When I add a custom domain, the site loads but then throws an error:
Error:
Minified React error #32; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=32&args[]=3 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
Invariant Violation: Minified React error #32;
I'm really stumped as to why it is fine with one domain, and errors out with another. Any help is greatly appreciated.
EDIT
Here is the function that returns the Head component:
import Head from 'next/head';
export default () => (
<Head>
<title>Weboost</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<meta name="robots" content="noindex, nofollow" />
</Head>
);