missing built in react hooks (useRef, useEffect, useMemo)

[blurymind]

These get as undefined even if i pass them through via the data prop. I have to do this ugly workaround at the parent comp

window.useRef = useRef;
window.useCallback = useCallback;
window.useEffect = useEffect;
window.useImperativeHandle = useImperativeHandle;
window.useMemo = useMemo

similar to
#12

[dev-javascript]

Thank you for the feedback. To address the issues you're facing:

1. Which version are you using? Please ensure you are on version 4.0.0 or above, as significant improvements were made in the latest major release..
2. The data prop should work: Please ensure that you have correctly imported these hooks from 'react' in your parent component before passing them into the data prop. Could you create a CodeSandbox or StackBlitz example?
3. A Cleaner Alternative: Even without the data prop, you can access hooks directly from the React object which is already scoped inside the string component. This avoids polluting the window object:

import StringToReactComponent from 'string-to-react-component';
function App() {
  return (
    <StringToReactComponent >
      {`()=>{
         console.log(typeof React.useState); // function
         ...

       }`}
    </StringToReactComponent>
  );
}