Passing array from useState as prop

Question

In the example here. I have to sliders and I drag them. Because I have two values I store them in useState as an array. Then storing as an array the ComponentsWithArrayAsProp1 doesn't see changes in the state as it is the same array and does not re-render itself.

In the second example, I store values as values.toString(), but this is not a good solution.

What is a good solution for this case?

Answer 1

Then storing as an array the ComponentsWithArrayAsProp1 doesn't see changes in the state as it is the same array and does not re-render itself.

you are right we can solve it by creating new array everytime as follows,

function onChange1(values) {
    setValues1([...values]);
  }

but i think there is something wrong with react-slider .because your approach of setting array ,setValues1(values) works when we click on different points of slider1. but it deosn't work when we drag it. there is something else going wrong here ?