React – TypeScript – How to define type for setState parameters

Solution

Syntax

React.Dispatch<SetStateAction<<type>>>;

Example #1

React.Dispatch<SetStateAction<boolean>>;

Example #2

const [hide, setHide] = useState<boolean>(false);
const [fieldValue, setFieldValue] = useState<string>("");

<Component hide={hide} setHide={setHide} fieldValue={fieldValue} setFieldValue={setFieldValue}/>

export default function Component({
    hide,
    setHide,
    fieldValue,
    setFieldValue,
}: {
    hide: boolean;
    setHide: React.Dispatch<SetStateAction<boolean>>;
    fieldValue: string;
    setFieldValue: React.Dispatch<SetStateAction<string>>;
}): ReactElement {
...
return <></>
}

• Share on Facebook