Function declares

src/artifacts/preview.ts:114–119

(name: string)

  // declare the hooks the model didn't already bring into scope itself.
  const ALL_HOOKS = ['useState', 'useEffect', 'useRef', 'useMemo', 'useCallback', 'useReducer', 'useContext', 'useLayoutEffect'];
  const declares = (name: string): boolean => {
    // `const { … useState … } = React`  OR  `const useState = …`  OR `function useState`
    const inDestructure = new RegExp(`(?:const|let|var)\\s*\\{[^}]*\\b${name}\\b[^}]*\\}\\s*=`).test(code);
    const asBinding = new RegExp(`(?:const|let|var|function)\\s+${name}\\b`).test(code);
    return inDestructure || asBinding;
  };
  const hooksToInject = ALL_HOOKS.filter(h => !declares(h));
  const hookLine = hooksToInject.length
    ? `const { ${hooksToInject.join(', ')} } = React;\n`