`yarn dev` logs many warnings

[Fernando Rojo]

[Fernando Rojo]

Fixed by removing babelrc.json and replacing with babel.config.js in packages/next:

module.exports = function (api) {
  api.cache(true)

  return {
    presets: [
      'next/babel',
      [
        'babel-preset-expo',
        {
          web: { useTransformReactJSXExperimental: true },
        },
      ],
    ],
    plugins: [
      ['@babel/plugin-proposal-class-properties', { loose: true }],
      ['@babel/plugin-proposal-private-methods', { loose: true }],
      ['@babel/plugin-proposal-private-property-in-object', { loose: true }],
      'react-native-reanimated/plugin',
    ],
  }
}

This also fixed #8, we should probably update the repo @axeldelafosse?

[Fernando Rojo]

actually sorry that snipped does not fix this bug, but it does indeed fix #8

[Axel Delafosse]

re:

['@babel/plugin-proposal-class-properties', { loose: true }],
['@babel/plugin-proposal-private-methods', { loose: true }],
['@babel/plugin-proposal-private-property-in-object', { loose: true }],

I wanted to find a better way to fix this conflict between next/babel and metro-react-native-babel-preset but didn't find the time yet, sorry.

Should be fixed with 150e28d. Let me know!

[Fernando Rojo]

I'm still seeing the same logs with the updated .babelrc.json. It also doesn't work for me for the automatic transform, I see this:

Warning: useTransformReactJsxExperimental has been renamed to useTransformReactJSXExperimental (capitalized JSX) in react-native@0.64.0

[Fernando Rojo]

If I use babel.config.js inside of the next app, it works fine, I just get the loose logs...

module.exports = function (api) {
  api.cache(false)

  return {
    presets: [
      'next/babel',
      [
        'babel-preset-expo',
        {
          web: { useTransformReactJSXExperimental: true }
        }
      ]
    ],
    plugins: [
      ['@babel/plugin-proposal-class-properties', { loose: true }],
      ['@babel/plugin-proposal-private-methods', { loose: true }],
      ['@babel/plugin-proposal-private-property-in-object', { loose: true }],
      'react-native-reanimated/plugin'
    ]
  }
}

[Fernando Rojo]

Maybe the next adapter or expo babel preset is outdated?

[Fernando Rojo]

Technically, it's not a breaking issue; my app still builds with this problem. But it logs about 5,000 lines when I run next build. My latest build only logged a few times though.

[Axel Delafosse]

Can you try again with https://github.com/axeldelafosse/expo-next-monorepo-example/blob/main/babel.config.js and https://github.com/axeldelafosse/expo-next-monorepo-example/blob/main/packages/next/.babelrc.json please?

[Axel Delafosse]

I tried this config in multiple projects, we should be able to close this issue + #8.

[Fernando Rojo]

Cool will try soon thanks

[Axel Delafosse]

Also note that you might need to set this resolution:

"resolutions": {
  "babel-preset-expo": "^8.5.1"
}

in your root package.json and also run rm -rf .next in your next folder to clean things up.

[Fernando Rojo]

Fixed! No need for the resolution in my case.