A problem with pReact and react-kapsule script in a production environment about react-force-graph HOT 3 OPEN

@deemeetree I'm not sure why this is happening, and it's difficult to replicate your exact setup. But it vaguely sounds like it could be related to using CommonJS instead of ESM to import the modules. Perhaps related to the SSR mode. These modules do not have CommonJS bindings, only ESM. So I would check first whether your whole dependency tree is being always imported as ESM.

from react-force-graph.

Was able to reproduce this issue locally + the solution I found was to change react-kapsule to be compatible with preact directly, substituting the react hooks in react-kapsule with preact ones:

import { h } from 'preact';

import {
  useState,
  useEffect,
  useLayoutEffect,
  useRef,
  useMemo,
  useCallback,
  useImperativeHandle
} from 'preact/hooks';

Created a separate repo for this https://github.com/mneunomne/preact-kapsule, perhaps the easiest solution is having a separate package for preact compatibility?

But I'm no react expert, maybe there is another solution without having to make separate repo.

from react-force-graph.

@mneunomne great work! I'm just curious if this could be solved without maintaining a separate repo. Maybe some checks inside the existing repo to see if useRef is throwing an error and therefore falling back on preact for instance?

from react-force-graph.