Реакт - это функции, которые вызывают другие функции. Сайд эффекты все изолированы, стэйт изолирован. Лучше от этого не отклоняться.
Меня смущают некоторые моменты у тебя:
—
setI18nConfigs();
setI18nConfig();
let loadData = dataRecipe();
эти вызываются вне какой-либо функции, скорее всего они делают не то, что ты хочешь.
loadData скорее всего должна быть внутри CategoryMealsScreen в useEffect
Скорее всего там обращение к api - сайд эффект
i18n я не видел, чтоб кто-то так использовал
https://github.com/AlexanderZaytsev/react-native-i18n<Text>{I18n.t('greeting')}</Text> - вот пример использования
Вот тут посмотри пример того, как хранят переводы и их используют
https://github.com/AlexanderZaytsev/react-native-i18n/tree/master/example/src/translations—
CategoryMealsScreen.navigationOptions = …
Тоже не по фэнешую конфигурируешь, возможно оно так не дружит, нужно как props передавать в экран
Пример тут
https://reactnavigation.org/docs/header-buttons—
displayedMeals.sort - уже говорили, что функция с сайд эффектом
замени на [...displayedMeals].sort - создаст неглубокую копию и ее уже будет использовать
—
Что происходит в CustomMenu и MealList я не вижу, быть может там тоже что-то есть.
Щас скорее всего проблема в dataRecipe+useEffect и sort