title: React native : animated node with tag 2 does not exist (not using animation)
body: <p>I don't use any animation in my code but when i start the app on an android device (emulator or real device) the error &quot;Animated node with tag 2 does not exists&quot;</p>
  <p>When i start the project on web it does work however</p>
  <p>I heard about a fix on internet but it seems like the fix wouldn't work with expo 40+ and just break more things</p>
  <p>my app.js:</p>
  <pre class="lang-js prettyprint-override"><code>
  import React, {useEffect, useState} from 'react';
  import {Button, FlatList, StyleSheet, Text, TouchableOpacity, View, Alert} from 'react-native';
  import {NavigationContainer} from &quot;@react-navigation/native&quot;;
  import { createStackNavigator } from '@react-navigation/stack';
  import Designation from &quot;./Designation&quot;;
  import ProjetList from &quot;./Localisation/ProjetList&quot;;
  import ParcelleList from &quot;./Localisation/ParcelleList&quot;;
  import AdresseList from &quot;./Localisation/AdresseList&quot;;
  import EmplacementList from &quot;./Localisation/EmplacementList&quot;;
  import Segmentlist from &quot;./Localisation/Segmentlist&quot;;
  import CompartimentList from &quot;./Localisation/CompartimentList&quot;;
  
  
  
  const Stack = createStackNavigator();
  
  
  const App = () =&gt; {
  
      return (
          &lt;&gt;
              &lt;View style={styles.Bann}&gt;
                  &lt;Text&gt;AGORA&lt;/Text&gt;
              &lt;/View&gt;
              &lt;NavigationContainer&gt;
                  &lt;Stack.Navigator&gt;
                      &lt;Stack.Screen
                          name=&quot;ProjetList&quot;
                          component={ProjetList}
                      /&gt;
                      &lt;Stack.Screen
                          name=&quot;ParcelleList&quot;
                          component={ParcelleList}
                      /&gt;
                      &lt;Stack.Screen
                          name=&quot;AdresseList&quot;
                          component={AdresseList}
                      /&gt;
                      &lt;Stack.Screen
                          name=&quot;EmplacementList&quot;
                          component={EmplacementList}
                      /&gt;
                      &lt;Stack.Screen
                          name=&quot;SegmentList&quot;
                          component={Segmentlist}
                      /&gt;
                      &lt;Stack.Screen
                          name=&quot;CompartimentList&quot;
                          component={CompartimentList}
                      /&gt;
  
                      &lt;Stack.Screen
                          name=&quot;Designation&quot;
                          component={Designation}
                      /&gt;
                  &lt;/Stack.Navigator&gt;
              &lt;/NavigationContainer&gt;
          &lt;/&gt;
      );
  };
  
  
  
  let styles = StyleSheet.create({
      Bann: {
          alignItems: &quot;center&quot;,
          justifyContent: &quot;center&quot;,
          height: 100,
          backgroundColor: &quot;grey&quot;,
          fontSize: 35,
      }
  });
  
  
  export default App;
  
  </code></pre>
  <p>my first page that is shown :</p>
  <pre class="lang-js prettyprint-override"><code>import React, {useEffect, useState} from 'react';
  import {createStackNavigator} from &quot;@react-navigation/stack&quot;;
  import {Alert, Button, StyleSheet, Text, TouchableOpacity, View} from 'react-native';
  
  
  const ProjetList = ({navigation} ) =&gt; {
      let id = 'id :';
      const [data, setData] = useState([]);
  
      useEffect(() =&gt; {
          fetch('http://10.0.2.2:80/projets')
              .then(response =&gt; {console.log(response);return response.json();})
              .then((json =&gt; {console.log(json);setData(json);}))
              .catch(error =&gt; console.error(error));
          console.log(data);
      }, []);
  
  
      return(
  
          &lt;&gt;
              &lt;View&gt;
                  &lt;Text&gt;Test fetch : {id + ' '+data}&lt;/Text&gt;
              &lt;/View&gt;
              &lt;View style={{flexDirection: &quot;row&quot;, justifyContent: &quot;center&quot;, paddingBottom: 40}}&gt;
  
                  &lt;TouchableOpacity style={styles.BoutonContainer}
                                    title=&quot;Localisation&quot;
                                    onPress={() =&gt; navigation.navigate('ProjetList')}&gt;
  
                      &lt;Text&gt;Localisation&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer}
                                    title=&quot;Désignation&quot;
                                    onPress={() =&gt; navigation.navigate('Designation')}&gt;
  
                      &lt;Text&gt;Désignation&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer}
                                    title=&quot;Composition&quot;
                                    onPress={() =&gt; navigation.navigate('Composition')}&gt;
  
                      &lt;Text&gt;Composition&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer}
                                    title=&quot;Condition&quot;
                                    onPress={() =&gt; navigation.navigate('Condition')}&gt;
  
                      &lt;Text&gt;Condition&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer}
                                    title=&quot;Dépose&quot;
                                    onPress={() =&gt; navigation.navigate('Dépose')}&gt;
  
                      &lt;Text&gt;Dépose&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer}
                                    title=&quot;Dimensions&quot;
                                    onPress={() =&gt; navigation.navigate('Dimensions')}&gt;
  
                      &lt;Text&gt;Dimensions&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer}
                                    title=&quot;Illustrations&quot;
                                    onPress={() =&gt; navigation.navigate('Illustrations')}&gt;
  
                      &lt;Text&gt;Illustrations&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
              &lt;/View&gt;
  
              &lt;View style={{flexDirection: &quot;row&quot;, justifyContent: &quot;center&quot;, paddingBottom: 20}}&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer2}
                                    title=&quot;ProjetList&quot;
                                    onPress={() =&gt; navigation.navigate('ProjetList')}&gt;
  
                      &lt;Text&gt;Projet&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer2}
                                    title=&quot;ParcelleList&quot;
                                    onPress={() =&gt; navigation.navigate('ParcelleList')}&gt;
  
                      &lt;Text&gt;Parcelle&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer2}
                                    title=&quot;AdresseList&quot;
                                    onPress={() =&gt; navigation.navigate('AdresseList')}&gt;
  
                      &lt;Text&gt;Adresse&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer2}
                                    title=&quot;EmplacementList&quot;
                                    onPress={() =&gt; navigation.navigate('EmplacementList')}&gt;
  
                      &lt;Text&gt;Emplacement&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer2}
                                    title=&quot;SegmentList&quot;
                                    onPress={() =&gt; navigation.navigate('SegmentList')}&gt;
  
                      &lt;Text&gt;Segment&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                  &lt;TouchableOpacity style={styles.BoutonContainer2}
                                    title=&quot;CompartimentList&quot;
                                    onPress={() =&gt; navigation.navigate('CompartimentList')}&gt;
  
                      &lt;Text&gt;Compartiment&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
              &lt;/View&gt;
  
              &lt;View style={{flexDirection: &quot;row&quot;}}&gt;
                  &lt;View style={{backgroundColor: &quot;grey&quot;, marginLeft: 20, height: 600, width: 300, alignItems:'center'}}&gt;
                      &lt;Text style={{marginVertical: 30}}&gt;Test&lt;/Text&gt;
                  &lt;/View&gt;
                  &lt;View&gt;
  
                  &lt;/View&gt;
              &lt;/View&gt;
          &lt;/&gt;
      );
  };
  
  let styles = StyleSheet.create({
      BoutonContainer: {
          flex: 1,
          backgroundColor: &quot;#1E90FF&quot;,
          alignItems: &quot;center&quot;,
          justifyContent: &quot;center&quot;,
          margin: 10,
          height: 20,
          paddingHorizontal: 30,
          paddingVertical: 15,
      },
      BoutonContainer2: {
          flex: 1,
          backgroundColor: &quot;#00BFFF&quot;,
          alignItems: &quot;center&quot;,
          justifyContent: &quot;center&quot;,
          margin: 10,
          height: 15,
          paddingHorizontal: 28,
          paddingVertical: 13,
      }
  });
  
  export default ProjetList;
  
  </code></pre>
  <p>also, my package.json just in case :</p>
  <pre class="lang-js prettyprint-override"><code>
  {
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;scripts&quot;: {
      &quot;android&quot;: &quot;react-native run-android&quot;,
      &quot;ios&quot;: &quot;react-native run-ios&quot;,
      &quot;web&quot;: &quot;expo start --web&quot;,
      &quot;start&quot;: &quot;react-native start&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@react-native-community/masked-view&quot;: &quot;0.1.10&quot;,
      &quot;@react-navigation/native&quot;: &quot;^5.9.4&quot;,
      &quot;@react-navigation/stack&quot;: &quot;^5.14.5&quot;,
      &quot;body-parser&quot;: &quot;^1.19.0&quot;,
      &quot;expo&quot;: &quot;~41.0.1&quot;,
      &quot;expo-splash-screen&quot;: &quot;~0.10.2&quot;,
      &quot;expo-status-bar&quot;: &quot;~1.0.4&quot;,
      &quot;expo-updates&quot;: &quot;~0.5.4&quot;,
      &quot;express&quot;: &quot;^4.17.1&quot;,
      &quot;mysql&quot;: &quot;^2.18.1&quot;,
      &quot;node-fetch&quot;: &quot;^2.6.1&quot;,
      &quot;react&quot;: &quot;16.13.1&quot;,
      &quot;react-dom&quot;: &quot;16.13.1&quot;,
      &quot;react-native&quot;: &quot;^0.64.1&quot;,
      &quot;react-native-gesture-handler&quot;: &quot;~1.10.2&quot;,
      &quot;react-native-my-sql-connection&quot;: &quot;^1.0.4&quot;,
      &quot;react-native-reanimated&quot;: &quot;~2.1.0&quot;,
      &quot;react-native-safe-area-context&quot;: &quot;3.2.0&quot;,
      &quot;react-native-screens&quot;: &quot;~3.0.0&quot;,
      &quot;react-native-unimodules&quot;: &quot;~0.13.3&quot;,
      &quot;react-native-web&quot;: &quot;^0.16.3&quot;,
      &quot;react-navigation&quot;: &quot;^4.4.4&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;~7.9.0&quot;
    },
    &quot;private&quot;: true
  }
  
  
  </code></pre>