How to import a npm package which not support SSR?

Homyee King — Mon, 11 Dec 2023 07:17:03 +0000

I've tried use dynamic import import() in useEffect, like

// app.js
import {useEffect} from 'react'
function MyButton() {
  const [Comp, setComp] = useState();
  useEffect(() => {
    //  setComp(lazy(import("./test")))
    import("./test").then((mod) => {
      setComp(mod.default);
    });
  }, []);
  return Comp ? <Comp /> : null;
}

// test.js

import { useMemo } from "react";

export default () => {
  const title = useMemo(()=>'123',[])
  return <div>{213}</div>;
};

but if the importee use react hooks internaly, the application will crash

because can't use hooks inside of useEffect

DEV Community: Homyee King

How to import a npm package which not support SSR?