title: Fast refresh that was introduced in React Native 0.61 doesn't work
body: <p><em>(also posted in <a href="https://github.com/facebook/react-native/issues/27583" rel="noreferrer">https://github.com/facebook/react-native/issues/27583</a>)</em></p>
  
  <p><strong>Update: a day passed and I started my app again. Didn't change anything since posting the question. Now it works fine. No idea what happened...
  From the fact that two people marked this question as useful, I understand that I am not the only one having this problem...</strong></p>
  
  <p>I am running a very basic 'app' (a single file, a single component) for which the code is attached below, using React native 0.61.</p>
  
  <p>Developing for android, on windows 10 with genymotion. </p>
  
  <p><a href="https://facebook.github.io/react-native/docs/fast-refresh" rel="noreferrer">Fast Refresh</a> is turned on, but it doesn't seem to work, for example, when:</p>
  
  <ol>
  <li>I am changing the 'Posts' string to 'New Posts'</li>
  <li>When I remove the posts button</li>
  </ol>
  
  <p>Only the debug menu's "reload" refreshes the app and renders the changes.
  Any idea why?</p>
  
  <h3>Here is the code:</h3>
  
  <pre><code>import React, { useState } from 'react';
  import { View, TouchableOpacity, Text, StyleSheet } from 'react-native';
  
  export const App = () =&gt; {
  
    const [resource, setResource] = useState('todos');
  
    return (
      &lt;View style={{ flex: 1, alignItems: 'center', marginTop: 30 }}&gt;
        &lt;View style={{ flexDirection: 'row', marginTop: 0,
          alignItems: 'center', justifyContent: 'center' }}&gt;
          &lt;TouchableOpacity onPress={() =&gt; (setResource('posts'))}&gt;
            &lt;View style={styles.button}&gt;
              &lt;Text style={styles.buttonText}&gt;
                Posts
              &lt;/Text&gt;
            &lt;/View&gt;
          &lt;/TouchableOpacity&gt;
          &lt;View style={{ width: 20 }} /&gt;
          &lt;TouchableOpacity onPress={() =&gt; setResource('todos')}&gt;
            &lt;View style={styles.button}&gt;
              &lt;Text style={styles.buttonText}&gt;
                Todos
              &lt;/Text&gt;
            &lt;/View&gt;
          &lt;/TouchableOpacity&gt;
        &lt;/View&gt;
      &lt;/View&gt;
    );
  }
  
  const styles = StyleSheet.create({
    buttonText: {
      color: 'black',
      fontSize: 20
    },
    button: {
      backgroundColor: '#a8a',
      justifyContent: 'center',
      alignItems: 'center',
      paddingVertical: 5,
      paddingHorizontal: 10,
      borderRadius: 2
    }
  });
  </code></pre>