Error when adding to react native web project

I follow tutorial to add react-native-web to react-native project. but I got error when adding react-native-vector-icons to project.

./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 {
> 43 |     static propTypes = {
     |                      ^
  44 |       allowFontScaling: PropTypes.bool,
  45 |       name: IconNamePropType,
  46 |       size: PropTypes.number,

I also change my babel.config.js to this:

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      '@babel/plugin-proposal-class-properties',
      {
        loose: true,
      },
    ],
  ],
};

but still have the issue.

[Hamidrezana]

I finally found solution. check here. https://stackoverflow.com/questions/62237236/error-while-adding-react-native-vector-icons-to-react-native-with-react-native-w

[rishabhbhatia]

@Hamidrezana Hey Hamid, I added the webpack.config.js. The script in package.json runs using "web": "react-scripts start", I used the same tutorial. How can I configure it to use my custom webpack config, I’m stuck on the same error. Can you expand on your setup a bit more, would be really helpful, thanks.