Function Test

packages/react-stately/test/utils/useControlledState.test.tsx:314–336

(props)

    const AsyncChild = React.lazy(() => new Promise(() => {}));
    function Test(props) {
      let [value, setValue] = useState(1);
      let [showChild, setShowChild] = useState(false);

      return (
        <>
          <TransitionButton
            onClick={() => {
              setValue(3);
              setShowChild(true);
            }}
          />
          <Child
            value={value}
            onChange={v => {
              setValue(v);
              props.onChange(v);
            }}
          />
          {showChild && <AsyncChild />}
        </>
      );
    }

    function Child(props) {
      let [value, setValue] = useControlledState(props.value, props.defaultValue, props.onChange);