ReactJs: useEffect default type assignment error

Question

I am trying to set a type to a useState default value.

...

export default () => {
    const [dropdowns, setDropdowns] = useState({
        websites: [{ label: String, value: Number }],
    });

    useEffect(() => {
        setDropdowns({
            websites: [
                {
                    label: 'Google.com',
                    value: 1,
                },
            ],
        });

        // TODO: Write clean function after api implementation is complete
        return () => {};
    }, []);

    ...
};

Why am I getting this error..?

Answer 1

that showing errros bc of your data type is wrong

pls define correct types & update data like that you defined.

pls define type

type dropdownType = { value: String; label: String };

type stateType = {
  websites: dropdownType[];
};

const [dropdowns, setDropdowns] = useState<stateType>({
    websites: []
  });

useEffect(() => {
    setDropdowns({
      websites: [
        {
          label: "Google.com",
          value: "1"
        }
      ]
    });

example