next.js and D3

[cnpryer]

Hi, does anyone here have any experience implementing d3 in next.js and can help me out? I was able to do it in a normal React app using create-react-app, but I'm having little success figuring out the implementation in next.js.
This is the error I keep getting.

I've tried several different approaches but each results in this same hook error.

Edit: One attempt was with dynamic loading with no SSR as well.

[cnpryer]

Resolved by running in a docker container 👀. I'm new to node.js/react/next.js. So I'm guessing it had to do with some kind of global linking maybe. Tried clearing any global deps with npm but I am using yarn, so maybe I just didn't get that right.