uber / react-view

React View is an interactive playground, documentation and code generator for your components.
https://react-view.pages.dev
MIT License
697 stars 41 forks source link

React useRef hook code not generated #97

Open shubhamsapra97 opened 1 year ago

shubhamsapra97 commented 1 year ago

We are facing a issue where our component requires a ref to be passed to the component. We are passing ref to useView via the scope property.

scope={{
  ref: React.createRef(),
}}

const {compilerProps, editorProps, errorProps, knobProps} = useView({
  componentName,
  imports: { ... },
  onUpdate(params) { ... },
  props: propsProp as Record<string, TProp>,
  scope,
});

But auto generated editorProps.code code does not contain the useRef hook.

const ref = React.useRef(null);

I deep dived inside the useView code. Inside getCode -> getAstReactHooks, only React.useState template being used to auto generate useState hook. Do we need useRef template here as well based on if scope contains a ref?