title: Error while adding react native vector icons to react native with react native web
body: <p>I follow this <a href="https://medium.com/@aureliomerenda/create-a-native-web-app-with-react-native-web-419acac86b82" rel="nofollow noreferrer">tutorial</a> to add <code>react-native-web</code> to <code>react-native</code> project. but
  I got error when adding <code>react-native-vector-icons</code> to project.</p>
  <pre><code>./node_modules/react-native-vector-icons/lib/create-icon-set.js
  SyntaxError: /home/hamidreza/Desktop/myApp/node_modules/react-native-vector-icons/lib/create-icon-set.js: Support for the experimental syntax 'classProperties' isn't currently enabled (43:22):
  
    41 | 
    42 |   class Icon extends PureComponent {
  &gt; 43 |     static propTypes = {
       |                      ^
    44 |       allowFontScaling: PropTypes.bool,
    45 |       name: IconNamePropType,
    46 |       size: PropTypes.number,
  </code></pre>
  <p>I also change my <code>babel.config.js</code> to this:</p>
  <pre><code>module.exports = {
    presets: ['module:metro-react-native-babel-preset'],
    plugins: [
      [
        '@babel/plugin-proposal-class-properties',
        {
          loose: true,
        },
      ],
    ],
  };
  </code></pre>
  <p>or</p>
  <pre><code>module.exports = {
    presets: ['module:metro-react-native-babel-preset'],
    plugins: [
      '@babel/plugin-proposal-class-properties'
    ],
  };
  </code></pre>
  <p>but still have the issue.</p>
  <p>What should I do?</p>