App() — react Function Reference

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/new-mutability/repro-mutate-new-set-of-frozen-items-in-callback.js lines 3–18

export const App = () => {
  const [selected, setSelected] = useState(new Set<string>());
  const onSelectedChange = (value: string) => {
    const newSelected = new Set(selected);
    if (newSelected.has(value)) {
      // This should not count as a mutation of `selected`
      newSelected.delete(value);
    } else {
      // This should not count as a mutation of `selected`
      newSelected.add(value);
    }
    setSelected(newSelected);
  };

  return <Stringify selected={selected} onSelectedChange={onSelectedChange} />;
};