title: React-Native Warning: Overwriting font Family style attribute preprocessor
body: <p>I'm getting the following warning:</p>
  <p>&quot;<em><strong>Overwriting font Family style attribute preprocessor</strong></em>&quot; coming out from <code>StyleSheet.js</code> when running the app on iOS simulator. I haven't tested on Android yet though.</p>
  <p>App.tsx</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>import { StatusBar } from 'expo-status-bar';
  import React from 'react';
  import { StyleSheet, Text, View } from 'react-native';
  
  export default function App() {
    return (
      &lt;View style={styles.container}&gt;
        &lt;Text&gt;Open up App.js to start working on your app!&lt;/Text&gt;
        &lt;StatusBar style="auto" /&gt;
      &lt;/View&gt;
    );
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#fff',
      alignItems: 'center',
      justifyContent: 'center',
    },
  });</code></pre>
  </div>
  </div>
  </p>
  <p><strong>package.json</strong></p>
  <pre><code>{
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;scripts&quot;: {
      &quot;android&quot;: &quot;expo run:android&quot;,
      &quot;ios&quot;: &quot;expo run:ios&quot;,
      &quot;web&quot;: &quot;expo start --web&quot;,
      &quot;start&quot;: &quot;react-native start&quot;
    },
    &quot;dependencies&quot;: {
      &quot;expo&quot;: &quot;~43.0.0&quot;,
      &quot;expo-splash-screen&quot;: &quot;~0.13.3&quot;,
      &quot;expo-status-bar&quot;: &quot;~1.1.0&quot;,
      &quot;expo-updates&quot;: &quot;~0.10.5&quot;,
      &quot;react&quot;: &quot;17.0.2&quot;,
      &quot;react-dom&quot;: &quot;17.0.1&quot;,
      &quot;react-native&quot;: &quot;0.66.1&quot;,
      &quot;react-native-gesture-handler&quot;: &quot;~1.10.2&quot;,
      &quot;react-native-reanimated&quot;: &quot;~2.2.0&quot;,
      &quot;react-native-safe-area-context&quot;: &quot;3.3.2&quot;,
      &quot;react-native-screens&quot;: &quot;~3.8.0&quot;,
      &quot;react-native-web&quot;: &quot;0.17.1&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.12.9&quot;,
      &quot;@types/react&quot;: &quot;^17.0.32&quot;,
      &quot;@types/react-native&quot;: &quot;^0.66.1&quot;,
      &quot;typescript&quot;: &quot;^4.4.4&quot;
    },
    &quot;private&quot;: true
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/fiAED.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fiAED.png" alt="enter image description here" /></a></p>
  <p>Is it a package problem?</p>