title: React Native - Cant find variable: Symbol
body: <h1>The Scenario</h1>
  
  <p>I am writing an React-Native-Web (RNW) app.  The basic design is a core application that takes a library of custom React-Native components as a node package.</p>
  
  <p>The component library is also an RNW app as i use StoryBook to allow development in isolation.</p>
  
  <h1>The Issue</h1>
  
  <p>When i install the component library from git using <code>npm i ...</code> into the core application and import it into the App.js in the src folder i get the following error...</p>
  
  <pre><code>ReferenceError: Can't find variable: Symbol
  
  This error is located at:
      in Styled(SimpleList) (created by App)
      in RCTView (created by View)
      in View (created by App)
      in App (created by NativeApp)
      in NativeApp
      in RCTView (created by View)
      in View (created by AppContainer)
      in RCTView (created by View)
      in View (created by AppContainer)
      in AppContainer
  </code></pre>
  
  <p>I have also tried to install <a href="https://www.npmjs.com/package/es6-symbol" rel="nofollow noreferrer">es6-symbol</a> but this doesn't seem to have any affect.</p>
  
  <p><a href="https://i.stack.imgur.com/1lyyo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1lyyo.png" alt="enter image description here"></a></p>
  
  <p>Any suggestions please?</p>