Warning : [Reanimated] Reading from value during component render.

[sgandon]

Description

Hello,
First I am a newbie in React/Reac-native.
I am trying to build an app using Expo and get the following warning running my app on Chrome or in the iOS simulator.

[Reanimated] Reading from value during component render. Please ensure that you do not access the value property or use get method of a shared value while React is rendering a component.

There is a message explaining how to ignore this log but I believe this issue should not be ignored.

Steps to reproduce

I have created a small app to reproduce the problem here.
you just have to run it with

npm install
npx expo start --clear

and open your browser with the console log enabled.
Unfortuantely I could not create a snack for this so I created a repo to showcase the issue.

Snack or a link to a repository

https://github.com/sgandon/react-native-sandbox

Reanimated version

3.16.1

React Native version

0.76.7

Platforms

macOS, Web, iOS

JavaScript runtime

None

Workflow

Expo Dev Client

Architecture

None

Build type

None

Device

iOS simulator

Device model

iphone 16 pro

Acknowledgements

Yes