[React Native] MobX + FlatList кто использует такую связку?
 

Пишем на React Native мобильное приложение... Состояние (массив объектов) хранится в MobX...
Решили использовать для отображения массива элементов компонент FlatList... Он все отображает но получаем в консоли "предупреждение"

[mobx] Out of bounds read: 25

Загуглили что такое значит... :)
Де попытка выводить элементы без отслеживания.

Делали клон этого массива, хотели потом вывести клон. Дает ошибку, де включен строгий режим и вы пытаетесь менять данные из MobX...

Есть у кого решение такой проблемы?
Может кто имел с этим дело?
Как поборол?

Можешь накидать простенький пример, где воспроизводится?

"попытка выводить элементы без отслеживания" - не забыл навесить observer на компонент?

На сам-то компонет observer навешен... А вот FlatList, в который передается массив, не оборачивается. :(

Завтра попрошу ребят подготовить простенький пример для демонстрации. :yes:

Ну дак. Перед тем как передавать массив в FlatList или куда ещё, что тобой не контролируется - делай предварительно arr.slice()/toJS(arr).
Потому что массив в mobx - НЕ массив(arr instanceof Array // false), а массивоподобный mobx-объект. Почему они не взяли за основу обычный массив, как в Vue? А чтобы все страдали.

Все делали... :D
Пишет, де включен строгий режим, вы пытаетесь менять отслеживаемые данные.
Мы это знаем. :yes:

Завтра покажу все наши "ипостаси" - посмотрите, может чего не так делали...
И тексты ошибок приведу полностью.

По идее после .slice() должен получиться обычный массив, не имеющий отношения к mobx. Проблема где-то в другом месте, значит.

если там массив объектов, который @observable (то есть deep), то slice() вернёт массив отслеживаемых объектов, это ведь поверхностная копия.

Alexandroppolus, ох как же это больно. Больнее мне только от сраных рефов в Vue 3.

Так и получается, мы в консоль выводим результат. Но именно после этих действий "попытка поменять" и получается, указывает именно на эту строчку...