Having issues with typescript in react

Question

I am having issues with typescript react in when try to define a value.

Here is the error:

Argument of type '{}' is not assignable to parameter of type 'SetStateAction<boolean[]>'. Type '{}' is not assignable to type '(prevState: boolean[]) => boolean[]'. Type '{}' provides no match for the signature '(prevState: boolean[]): boolean[]'.ts(2345)

Here is my following code:

const [addButtonFruits, setAddButtonFruits] = useState([true]);

useEffect(() => {
    const initialAddButtonFruits = {};
    fruitsArray.map((each) => (initialAddButtonFruits[each] = true));
    setAddButtonFruits(initialAddButtonFruits);
  }, []); // only executed for initial rendering

Sinan Yaman · Accepted Answer · 2021-08-19 06:01:55Z

2

Error message says exactly what is wrong. Your state variable addButtonFruits is a boolean array. And you are trying to assign an object to it.

Try:

    const initialAddButtonFruits = fruitsArray.map(each => true);
    setAddButtonFruits(initialAddButtonFruits);

If you want to store an object:

const [addButtonFruits, setAddButtonFruits] = useState({});

useEffect(() => {
    const initialAddButtonFruits = {};
    fruitsArray.forEach((each) => (initialAddButtonFruits[each] = true));
    setAddButtonFruits(initialAddButtonFruits);
  }, []); // only executed for initial rendering

answered Aug 19, 2021 at 6:01

Sinan Yaman

5,9562 gold badges21 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex · Accepted Answer · 2021-08-19 06:01:37Z

0

addButtonFruits is a boolean array. You can't assign an empty object to a boolean array variable.

const initialAddButtonFruits = [];

answered Aug 19, 2021 at 6:01

Alex

7207 silver badges8 bronze badges

Collectives™ on Stack Overflow

Having issues with typescript in react

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related