`react-native-action-button` blocking upgrade to `react-native` 0.69.4

Development
1

Issue summary

When attempting to upgrade react to 18.2.0 and react-native to 0.69.4, the app fails to run with the following runtime error:

363  bgColor: PropTypes.string,
364  bgOpacity: PropTypes.number,
365  buttonColor: PropTypes.string,
366  buttonTextStyle: Text.propTypes.style,
                           ^^^^^^^^^

 ERROR  TypeError: undefined is not an object (evaluating
'_$$_REQUIRE(_dependencyMap[12], "react-native-action-button").default', at
'_reactNative.Text.propTypes.style')

This error is located at:
    in ActionButtonComponent (created by Connect(ActionButtonComponent))
    in Connect(ActionButtonComponent) (at notes.js:238)
    in RCTView (at View.js:32)
    in View (at notes.js:241)
    in NotesScreenComponent (created by Connect(NotesScreenComponent))
    in Connect(NotesScreenComponent) (at app-nav.js:72)
    in RCTView (at View.js:32)
    in View (at KeyboardAvoidingView.js:220)
    in KeyboardAvoidingView (at app-nav.js:71)
    in AppNavComponent (created by Connect(AppNavComponent))
    in Connect(AppNavComponent) (created by AppComponent)
    in RCTView (at View.js:32)
    in View (created by AppComponent)
    in RCTView (at View.js:32)
    in View (at SafeAreaView.js:34)
    in JoplinSafeAreaView (created by AppComponent)
    in RCTView (at View.js:32)
    in View (at MenuContext.js:188)
    in RCTView (at View.js:32)
    in View (at MenuContext.js:187)
    in MenuContext (created by AppComponent)
    in RCTView (at View.js:32)
    in View (at createAnimatedComponent.js:211)
    in AnimatedComponent (at createAnimatedComponent.js:264)
    in AnimatedComponentWrapper (at index.js:153)
    in RCTView (at View.js:32)
    in View (at index.js:247)
    in SideMenuComponent (created by Connect(SideMenuComponent))
    in Connect(SideMenuComponent) (created by AppComponent)
    in RCTView (at View.js:32)
    in View (created by AppComponent)
    in AppComponent (created by Connect(AppComponent))
    in Connect(AppComponent) (created by Root)
    in Provider (created by Root)
    in Root (at renderApplication.js:50)
    in RCTView (at View.js:32)
    in View (at AppContainer.js:92)
    in RCTView (at View.js:32)
    in View (at AppContainer.js:119)
    in AppContainer (at renderApplication.js:43)
    in Joplin(RootComponent) (at renderApplication.js:60)

The react-native-action-button library appears to be unmaintained.

react-native-action-button-warnings-fixed is a fork of react-native-action-button, but has not fixed this issue. react-native-action-button-warnings-fixed does not accept bug reports.

Some options

  • Fork react-native-action-button and fix the issue (without additional research, I'm not sure how to fix the issue)
  • Switch to a different library:
1 Like
2

I'm fine with whatever you think is best or easiest. Switching to a properly supported lib would be nice but I don't know how much work that represents.

1 Like