can not mutate nested object in store

[llz383455526]

I had used valtio in web applications, it works fine!
But in React Native App, I encountered a problem。

In react native project, when i mutate object in store, show error:
TypeError: target property is non-configurable and non-writable, and set trap value differs from target property value

// store/NewsCreate.ts

const initNews = {
  replyedTimeline: undefined,   // type is undefined | {ts:'', user: {name: '', age: ''}}
};
export const newsStore = proxy(initNews);

// screen/index.ts

import { newsStore } from '@/store/NewsCreate';

...
const news = useSnapshot(newsStore);
useEffect(() => {
    if (route.params?.newsItem ) {
      newsStore.replyedTimeline = route.params.newsItem;  // problem happened here
    }
  }, [route.params?.newsItem]);

[dai-shi]

Thanks for reporting.

Can you add console.log(Object.getOwnPropertyDescriptors(route.params.newItem)) before the error and share what it prints?

[mbaharan]

Downgrading to version 1.10.7 solved my problem.

[dai-shi]

@mbaharan Is your issue the same as #764 ?

I think it's different from this #665.

Ah, do you mean v1.10.7 works for you, and v1.11.0 fails?

[afkcodes]

interesting thing is when i added valtio to my project 3 days back it was working fine the version i installed was 1.10.7 but suddenly yesterday started throwing the error. the same code that used to work, i did not update the versions though

[mbaharan]

@dai-shi I started receiving the same error: TypeError: target property is non-configurable and non-writable, and set trap value differs from target property value. Just downgrading to the previous version solved my problem. I just also checked to see if the variable is configurable and writable and it was. Not sure why I was getting that error. The problem started with version 1.11.0.

[dai-shi]

@mbaharan Are you using RN? Please see #764 and check if your issue is the same.