title: ReferenceError: "data" is not defined
body: <p>I'm using React Native. This error message is displayed only on web browser mode (Expo).
  It's working fine on mobile (iOS) mode</p>
  <p><a href="https://i.stack.imgur.com/ZLSvq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZLSvq.png" alt="enter image description here" /></a>
  I'm trying to import data from a file (import films from '../Helpers/filmsData.js')</p>
  <p>I'm calling it in my flatlist :</p>
  <pre><code>&lt;FlatList
            data= { films } 
            keyExtractor={(item) =&gt; item.id.toString()}
            renderItem={({item}) =&gt; &lt;Text&gt;{item.title}&lt;/Text&gt;}
          /&gt; 
  </code></pre>
  <p>Here my data :</p>
  <pre><code>// Helpers/filmsData.js
  
  export default data = [
     {
        id:181808,
        vote_average:7.2,
        title:&quot;Star Wars VIII - Les derniers Jedi&quot;,
        poster_path:&quot;&quot;,
        original_title:&quot;Star Wars: The Last Jedi&quot;,
        overview:&quot;Nouvel épisode de la saga. Les héros du Réveil de la force rejoignent les figures légendaires de la galaxie dans une aventure épique qui révèle des secrets ancestraux sur la Force et entraîne de choquantes révélations sur le passé…&quot;,
        release_date:&quot;2017-12-13&quot;
     },
     {
        id:181809,
        vote_average:8.1,
        title:&quot;La Guerre des étoiles&quot;,
        poster_path:&quot;&quot;,
        original_title:&quot;Star Wars&quot;,
        overview:&quot;Il y a bien longtemps, dans une galaxie très lointaine... La guerre civile fait rage entre l'Empire galactique et l'Alliance rebelle. Capturée par les troupes de choc de l'Empereur menées par le sombre et impitoyable Dark Vador, la princesse Leia Organa dissimule les plans de l’Étoile Noire, une station spatiale invulnérable, à son droïde R2-D2 avec pour mission de les remettre au Jedi Obi-Wan Kenobi. Accompagné de son fidèle compagnon, le droïde de protocole C-3PO, R2-D2 s'échoue sur la planète Tatooine et termine sa quête chez le jeune Luke Skywalker. Rêvant de devenir pilote mais confiné aux travaux de la ferme, ce dernier se lance à la recherche de ce mystérieux Obi-Wan Kenobi, devenu ermite au cœur des montagnes désertiques de Tatooine...&quot;,
        release_date:&quot;1977-05-25&quot;
     }
  ]
  </code></pre>
  <p>The full code of my component where I call the data list :</p>
  <pre><code>// Components/Search.js
  
  import React from 'react'
  import { StyleSheet, View, TextInput, Button, Text,FlatList } from 'react-native'
  import films from '../Helpers/filmsData'
  
  
  class Search extends React.Component {
    render() {
      return (
        &lt;View style={styles.main_container}&gt;
          &lt;TextInput style={styles.textinput} placeholder='Titre du film'/&gt;
          &lt;Button title='Rechercher' onPress={() =&gt; {}}/&gt;
        &lt;/View&gt;
      )
    }
  
    
    render() {
      return (
        &lt;View style={styles.main_container}&gt;
          &lt;TextInput style={styles.textinput} placeholder='Titre du film'/&gt;
          &lt;Button title='Rechercher' onPress={() =&gt; {}}/&gt;
          &lt;FlatList
            data= { films } 
            keyExtractor={(item) =&gt; item.id.toString()}
            renderItem={({item}) =&gt; &lt;Text&gt;{item.title}&lt;/Text&gt;}
          /&gt;
        &lt;/View&gt;
      )
  }
  }
  
  const styles = StyleSheet.create({
    main_container: {
      flex: 1,
      marginTop: 20
    },
    textinput: {
      marginLeft: 5,
      marginRight: 5,
      height: 50,
      borderColor: '#000000',
      borderWidth: 1,
      paddingLeft: 5
    }
  })
  
  export default Search
  </code></pre>