React: Module not found: Can't resolve 'freezeframe' about freezeframe.js

[KjellConnelly]

If you are using nextjs, try:

import dynamic from 'next/dynamic'
const ReactFreezeframe = dynamic(()=> import('react-freezeframe'))

[jonrrivera]

any help getting this to work on nextjs ?

[nickforddev]

I'm just guessing here initially, but from what I've seen, server side rendering generally doesn't support al of the DOM APIs, especially things like SVG and Canvas. Can you try to import the component without rendering it server-side?

https://nextjs.org/docs/advanced-features/dynamic-import#with-no-ssr

[nickforddev]

You may want to try the new major version as well, 5.x, it will make it easier for me to help you troublesheet

[jonrrivera]

thanks for the follow-up. I'm getting this now when running the latest react-freezeframe on nextjs

[siddharthkp]

@jonrrivera Make sure you have installed both freezeframe and react-freezeframe

yarn add freezeframe react-freezeframe

[nickforddev]

@jonrrivera did this ^ resolve your issue? If you are using SSR there are some other obstacles, you probably will want to not SSR the freezeframe components because they use DOM APIs that are simply not implemented in js-dom, like canvas.

https://stackoverflow.com/questions/53139884/next-js-disable-server-side-rendering-on-some-pages