Position and Points property not compatible with readonly types | Typescript

[Brandontam29]

Explanation
I am getting these two typescript errors concerning valtio readonly types with position property of elements in react-three-fiber. From my understanding, react-three-fiber components should accept readonly types since the library doesn't mutate the values. I can be wrong, so please let me know how this was intended to work.

First example

const Component= () => {
  const snapshot= useSnapshot(snapshot);
  const { point0 } = snapshot;
  
  return <Line position={point0} />
}

The position ={point0} will give off the following error
The type 'readonly [number, number, number]' is 'readonly' and cannot be assigned to the mutable type '[x: number, y: number, z: number]'

Second example

const Component= () => {
  const snapshot= useSnapshot(snapshot);
  const { point0, point1, point2 } = snapshot;
  
  return <Line points={[point0, point1, point2]} />
}

The points={[point0, point1, point2]} will give off the following error
Type 'readonly [number, number, number]' is not assignable to type 'Vector3 | [number, number, number]'.ts(2322)

[CodyJasonBennett]

Fixed in v8.3.1.