You could use all these libraries on nextjs/react, you'll need to use "useEffect" as a escape hatch to access the DOM, isn't "wrong" per say". But I recommend you to try to find React alternatives of theses libraries/whatever feature you want. Exploit the mature react ecosystem and you'll need to do less work.

Thank you for your comment! I understood what you said, and now I can try Next.js without a doubt.
How do you find these React libraries? Is GitHub the best way to discover them, or are there portal sites like PyPI?

Well you'll probably always find something researching "{Some feature} React", I check if the package is up-to-date/healthy community, you can also compare the package with alternatives using: https://npmtrends.com/

Take a step back and do some tutorials on JavaScript, NodeJS and NPM

Before diving into nextjs

The questions you’re asking are generic to JavaScript development and are essential to understand

If you don’t know the answer to them then you’re basically just going to be blindly trying things and hoping it works.

I believe he doesn't know how to use libraries that directly affect the dom elements using IDs and such.

So its more like his question is how to use libraries like echarts with react.

(Echarts latches on to an element using its ID iirc)

Thank you for your comments!
Indeed, I was looking for guidance on how to use such libraries in Next.js. I've also come to realize that I need to revisit Node.js and NPM tutorials.