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

**URL:** <https://discourse.joplinapp.org/t/react-native-action-button-blocking-upgrade-to-react-native-0-69-4/26885>\
**Category:** Development\
**Created:** [14 August 2022 15:52 UTC](https://discourse.joplinapp.org/t/react-native-action-button-blocking-upgrade-to-react-native-0-69-4/26885 "2022-08-14T15:52:52Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![personalizedrefriger](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/personalizedrefriger/32/13210_2.png) [@personalizedrefriger](https://discourse.joplinapp.org/u/personalizedrefriger)\
**Post date:** [14 August 2022 15:52 UTC](https://discourse.joplinapp.org/t/react-native-action-button-blocking-upgrade-to-react-native-0-69-4/26885/1 "2022-08-14T15:52:52Z")

</div>

# 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:

```auto
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](https://github.com/mastermoo/react-native-action-button).

[`react-native-action-button-warnings-fixed`](https://www.npmjs.com/package/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:
  - [`react-native-paper`](https://callstack.github.io/react-native-paper/fab-group.html)
    - Has good documentation, recent releases

---

_[View the full topic](https://discourse.joplinapp.org/t/react-native-action-button-blocking-upgrade-to-react-native-0-69-4/26885)._