Typescript errors in node_modules

[ericlifs]

Hey everyone! I'm porting my current monorepo to this awesome setup and I'm facing some new issues that I didn't have before. I have some 3rd party libraries installed in my repo and I'm getting some errors on those libraries' code that I didn't have before.

The thing is that even though I have my node_modules folder excluded from transpiling within my tsconfig.json file (the same way you did), I'm still getting typescript errors from those libraries.

You can replicate this issue just by cloning your repo and installing react-native-linear-gradient or react-native-dialog in the app package, add some usage in the App.tsx file and then start the web package. You will see something like:

I don't know if I have to configure babel in a certain way in order to make this error disappear, but my previous monorepo was also using a CRA scaffold for the web package and I was not getting any of this errors.

Thank you very much,

Eric.

[ericlifs]

I have just tested this again starting from scratch on your monorepo scaffold and I'm seeing the same issues. For example if you want to install react-native-linear-gradient for the web you need to:

• Run yarn add react-native-linear-gradient on the app package
• Run yarn add react-native-web-linear-gradient on the app package
• Add the webpack's alias section to the web's craco.config.js

webpack: {
    alias: {
      'react-native-linear-gradient': 'react-native-web-linear-gradient',
    },
    ...
}

• Use it anywhere in app's App.tsx:

<LinearGradient colors={['#4c669f', '#3b5998', '#192f6a']} style={styles.linearGradient}>
  <Text style={styles.buttonText}>
    Sign in with Facebook
  </Text>
</LinearGradient>

• And add the styles

linearGradient: {
    flex: 1,
    paddingLeft: 15,
    paddingRight: 15,
    borderRadius: 5
  },
  buttonText: {
    fontSize: 18,
    fontFamily: 'Gill Sans',
    textAlign: 'center',
    margin: 10,
    color: '#ffffff',
    backgroundColor: 'transparent',
  },

• Start the web app and you will get those errors:

I'm not sure if this is something that has happened in the past.

Thanks,

Eric.

[mmazzarolo]

@ericlifs sorry for being late, I'm busy these days. Can you try following the same flow we're using with the @react-native-async-storage/async-storage package? It's a native module as well, so I would expect react-native-linear-gradient to work in the same way.