re: Tutorial: How to share code between iOS, Android & Web using React Native, react-native-web and monorepo VIEW POST

re: I got react-navigation's drawer working on the web. The following is my config-override.js const fs = require('fs') const path = require('path'...

thanks for the input
i am facing similar issue while using GoogleSigninButton from react-native-google-signin.

i tried adding require.resolve('@babel/plugin-proposal-class-properties') as you suggested below.

also tried to update babel.config.js with the following, didnt worked as well...
module.exports = {
plugins: [
legacy: true,
loose: true,
helpers: false,
regenerator: true,
presets: ['@babel/preset-flow', 'module:metro-react-native-babel-preset'],

also tried with loose: true
require.resolve('@babel/plugin-proposal-class-properties', {
loose: true,

any suggestion please?

thanks for you time.

Hi Oz, were you able to make it run? Did you try with a compatible release (any before 0.60)?

Hi Nishant,

Unfortunately I was not able to solve it.
I am not sure about earlier versions but I went over many possible suggestions, none of them worked...
Any additional idea that I can try?

Thanks for the reply

Use this config to fix the issue

        test: /\.js$/,
        use: {
            loader: 'babel-loader',
            options: {
                // Disable reading babel configuration
                babelrc: false,
                configFile: false,

                // The configration for compilation
                presets: [
                plugins: [

Add the above code before the return config line

Thanks Rajendran

i tried adding the above as part of config-overrides.js
it didn't helped.

BTW, i`ve executed 'sudo yarn add @react-native-community/google-signin'

Under the folder 'react-native-web-monorepo/packages/components'
Is that the right location?

Thanks, Oz

An update...
i had to add two more dev dependencies under the web module.
sudo yarn add --dev babel-loader
sudo yarn add --dev @babel/preset-flow

now i am getting different error:
Attempted import error: 'requireNativeComponent' is not exported from 'react-native'.

Code of Conduct Report abuse