Request: throw error when trying to assign nested state to a Proxy object about hookstate

[avkonst]

It is possible but it would require deep check of all fields and nested fields which hits the performance. Maybe do it in development mode only?. When this error happens it should not have call stack exceeded exception. Can you submit a reproducer for this case so I could check if this exception can be replaced by a better one?

[korri123]

@avkonst Sure! Here is a reproducer, just click the button and the error will happen: https://playcode.io/1377075
Development mode only would be fine.

Code below if website doesn't work:

import React from 'react';
import {useHookstate} from '@hookstate/core'

interface NestedObject {
  nestedNumber: number;
}

interface StateObject {
  nestedObject?: NestedObject;
  nestedObject2?: NestedObject;
}

export default function App() {
  const state = useHookstate({nestedObject: {nestedNumber: 1}} as StateObject)
  return (
    <div className='App'>
      <button onClick={function() {
        const value = state.nestedObject.get()
        state.set({nestedObject: value, nestedObject2: {nestedNumber: 2}})
      }}>Click me!</button>
      <p>{(function() {
        const nested = state.nestedObject.ornull;
        if (!nested) return null;
        return nested.nestedNumber.get()
      })()}</p>
    </div>
  );
}