如何在useEffect钩子之外使用库构造器？

import { SomeLibrary } from 'some-library';

const libraryInstance = new SomeLibrary();

function MyComponent() {
  useEffect(() => {
    // 使用库的实例执行操作
    libraryInstance.someMethod();
  }, []);

  return <div>...</div>;
}

import { SomeLibrary } from 'some-library';

function MyComponent() {
  const libraryRef = useRef(null);

  useEffect(() => {
    // 实例化库，并将实例存储在Ref中
    libraryRef.current = new SomeLibrary();

    // 使用库的实例执行操作
    libraryRef.current.someMethod();
  }, []);

  return <div>...</div>;
}

import { SomeLibrary } from 'some-library';

function useLibraryInstance() {
  const libraryInstance = useMemo(() => {
    return new SomeLibrary();
  }, []);

  return libraryInstance;
}

function MyComponent() {
  const libraryInstance = useLibraryInstance();

  useEffect(() => {
    // 使用库的实例执行操作
    libraryInstance.someMethod();
  }, [libraryInstance]);

  return <div>...</div>;
}