Proxy error

Hi,
I'm a beginner in Solid and I wrote a little app to learn it.
https://github.com/gbagan/nim-machine/blob/test/src/App.tsx
In this app, I have created a store

state

state

which contains an attribute

config

config

(line 42)
Then, I wrote a function

changeConfig

changeConfig

which modifies the store (line 132)

const changeConfig = (fn: (c: Config) => Config) => {
    setState(produce(state => {
      state.config = fn(state.config);
      state.victories = 0;
      state.losses = 0;
      state.isRunning = false;
      const graph = getGraph(state);
      state.machine = graphToMachine(graph, state.config.ballsPerColor);
    }))
  }

const changeConfig = (fn: (c: Config) => Config) => {
    setState(produce(state => {
      state.config = fn(state.config);
      state.victories = 0;
      state.losses = 0;
      state.isRunning = false;
      const graph = getGraph(state);
      state.machine = graphToMachine(graph, state.config.ballsPerColor);
    }))
  }

When, this function is called, I obtain the following message error:

Uncaught TypeError: proxy must report the same value for the non-writable, non-configurable property 'Symbol("solid-proxy")'

Uncaught TypeError: proxy must report the same value for the non-writable, non-configurable property 'Symbol("solid-proxy")'

on the line

state.config = fn(state.config)

state.config = fn(state.config)

.
Initially I wrote this function differently (without using

produce

produce

) and it worked fine.
I'd like to understand this error and how to prevent it.

SolidJS•2y ago•

4 replies

Guillaume

Proxy error

Hi,
I'm a beginner in Solid and I wrote a little app to learn it.
https://github.com/gbagan/nim-machine/blob/test/src/App.tsx
In this app, I have created a store

state

state

which contains an attribute

config

config

(line 42)
Then, I wrote a function

changeConfig

changeConfig

which modifies the store (line 132)

const changeConfig = (fn: (c: Config) => Config) => {
    setState(produce(state => {
      state.config = fn(state.config);
      state.victories = 0;
      state.losses = 0;
      state.isRunning = false;
      const graph = getGraph(state);
      state.machine = graphToMachine(graph, state.config.ballsPerColor);
    }))
  }

const changeConfig = (fn: (c: Config) => Config) => {
    setState(produce(state => {
      state.config = fn(state.config);
      state.victories = 0;
      state.losses = 0;
      state.isRunning = false;
      const graph = getGraph(state);
      state.machine = graphToMachine(graph, state.config.ballsPerColor);
    }))
  }

When, this function is called, I obtain the following message error:

Uncaught TypeError: proxy must report the same value for the non-writable, non-configurable property 'Symbol("solid-proxy")'

Uncaught TypeError: proxy must report the same value for the non-writable, non-configurable property 'Symbol("solid-proxy")'

on the line

state.config = fn(state.config)

state.config = fn(state.config)

.
Initially I wrote this function differently (without using

produce

produce

) and it worked fine.
I'd like to understand this error and how to prevent it.

Proxy error

Similar Threads

Proxy error

Similar Threads

Similar Threads

Similar Threads