useControllableState

The useControllableState hook returns the state and function that updates the state, just like React.useState does.

With useControllableState, you can pass an initial state (using defaultValue) implying the component is uncontrolled, or you can pass a controlled value (using value) implying the component is controlled.