You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
first error is importing the module no longer works when imported as such
const Globe = dynamic( () => import('react-globe.gl').then((mod) => mod.default), { ssr: false } );
quick fix here was encapsulating the component with the package react-no-ssr import NoSSR from "react-no-ssr";
<NoSSR>
<GlobeComponent />
</NoSSR>
after the first error is solved the component on initial load
the globe is not responsive by default u can add that as a feauture
you cannot scroll past the component without zooming the component
or the component affects scroll completely
the globe is not responsive across medias
second error if you happen to reload the page
the quick fixes available wether you use
ref
forwardref
capture the undefined window in next
useEffect
all the above doesnt work
packages version am using
node latest
"next": "14.0.3",
"react": "^18",
"react-dom": "^18",
"react-globe.gl": "^2.27.1",
"react-no-ssr": "^1.1.0",
To avoid falling to the pitfalls of react you can easly focus on next on this two issues
The text was updated successfully, but these errors were encountered:
first error is importing the module no longer works when imported as such
const Globe = dynamic( () => import('react-globe.gl').then((mod) => mod.default), { ssr: false } );
quick fix here was encapsulating the component with the package
react-no-ssr
import NoSSR from "react-no-ssr";
after the first error is solved the component on initial load
second error if you happen to reload the page
the quick fixes available wether you use
all the above doesnt work
packages version am using
node latest
To avoid falling to the pitfalls of react you can easly focus on next on this two issues
The text was updated successfully, but these errors were encountered: