Docs: "Opting out from Flipper" and "Disable Flipper on CI builds" in React Native should be updated since the Podfile changed in react-native 0.69.2

[Adnan-Bacic]

for these 2:

https://fbflipper.com/docs/getting-started/troubleshooting/react-native/#opting-out-from-flipper-ios

https://fbflipper.com/docs/getting-started/troubleshooting/react-native/#disable-flipper-on-ci-builds-ios

they show:

1. how to opt out of flipper
2. how to disable flipper in CI builds

however, since react-native 0.69.2, the Podfile has been changed so those examples no longer work.

the changes can be seen upgrade helper from 0.69.1 to 0.69.2: https://react-native-community.github.io/upgrade-helper/?from=0.69.1&to=0.69.2

the current examples could stay, as they are still relevant to react-native projects running a version less than 0.69.2. i suggest adding new examples for the new Podfile syntax.

i assume the change for opting out of flipper would be(though im not sure since i could find anything about the FlipperConfiguration variable):

  use_react_native!(
    :path => config[:reactNativePath],
    # to enable hermes on iOS, change `false` to `true` and then install pods
    :production => production,
    :hermes_enabled => flags[:hermes_enabled],
    :fabric_enabled => flags[:fabric_enabled],
-   :flipper_configuration => FlipperConfiguration.enabled,
+   :flipper_configuration => FlipperConfiguration.disabled,
    # An absolute path to your application root.
    :app_path => "#{Pod::Config.instance.installation_root}/.."
  )

and to disable in CI(this may be incorrect and is just a guess.

  use_react_native!(
    :path => config[:reactNativePath],
    # to enable hermes on iOS, change `false` to `true` and then install pods
    :production => production,
    :hermes_enabled => flags[:hermes_enabled],
    :fabric_enabled => flags[:fabric_enabled],
+   if !ENV['CI']
    :flipper_configuration => FlipperConfiguration.enabled,
+   end
    # An absolute path to your application root.
    :app_path => "#{Pod::Config.instance.installation_root}/.."
  )

just tested the above code and i get errors related to invalid Podfile syntax when running "pod install". so this is probably not a good way to do it

you could probably also change the enabled/disabled variable. though im not familiar with ruby so i wouldt know exactly how to change that value.

i think i could do these changes. what do the maintainers think about this change?

[Nantris]

Related issue: jakobo/expo-community-flipper#18

[robinclaes]

When disabling via FlipperConfiguration.disabled, the build now fails as seen below

This issue is related.

This is blocking for us because we can't build via AppCenter with Flipper (surpassing 60 minutes 🙄 )

[Adnan-Bacic]

When disabling via FlipperConfiguration.disabled, the build now fails as seen below

This issue is related.

This is blocking for us because we can't build via AppCenter with Flipper (surpassing 60 minutes 🙄 )

hmm thats wierd. i just decided to disable flipper the same way as you since i wasent using it, and appcenter works fine for me still.

[robinclaes]

The iOS compile error originates from the package with javascript bindings to add plugins:
https://www.npmjs.com/package/react-native-flipper

So I guess only those who use Flipper plugins (like the redux plugin) are seeing this error.

[retyui]

When disabling via FlipperConfiguration.disabled, the build now fails as seen below
This issue is related.
This is blocking for us because we can't build via AppCenter with Flipper (surpassing 60 minutes roll_eyes )

hmm thats wierd. i just decided to disable flipper the same way as you since i wasent using it, and appcenter works fine for me still.

Solution is easy:

// react-native.config.js
module.exports = {
  dependencies: {
    ...(process.env.CI ? { 'react-native-flipper': { platforms: { ios: null } } } : {}),
  },
  project: {
    ios: {},
    android: {},
  },
};

see more in a Troubleshooting part : https://dev.to/retyui/disable-flipper-on-ci-builds-for-react-native-complete-guide-bnd

[retyui]

to turn off Flipper on CI you can do next:

# ./ios/Podfile
use_react_native!(
  :flipper_configuration => ENV['CI'] ? FlipperConfiguration.disabled : FlipperConfiguration.enabled,

[andac-ozcan]

There's a very nice article which helped me a lot. Original article: https://dev.to/retyui/disable-flipper-on-ci-builds-for-react-native-complete-guide-bnd

[retyui]

@andac-ozcan You're welcome for copying my article without providing the source link.

[andac-ozcan]

@andac-ozcan You're welcome for copying my article without providing the source link.

https://dev.to/retyui/disable-flipper-on-ci-builds-for-react-native-complete-guide-bnd

Sorry about that. I just updated my post 🙏

[ikotsov]

@andac-ozcan Thank you for sharing the article! It is very helpful indeed.

@retyui I was wondering, in react-native 0.71 version, there is no need to define the pod installation: pod install --project-directory=ios depending on the CI setup, right?

For example, I use App Center. I just have to define the export NO_FLIPPER=1 and then this variable will be read by the react-native itself. Would it work like this?

I suppose that in case someone defines exactly all the build steps (npm or pod dependencies installation), then they also have to include the pod install command.

Mentioning it, because it is not fully clear in the article.