Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Menu crashes on the second open

See original GitHub issue

Environment

Running a react-native app on a Pixel 3 with the latest Android version.

Description

It seems like every 2nd open of a <Menu> triggers some error. This is happening after 3.0.0-alpha.4. I think it might have been introduced with https://github.com/callstack/react-native-paper/commit/fa22a68. Might be related to https://github.com/callstack/react-native-paper/issues/1329.

error

Reproducible Demo

Made a simple snack, but this is more or less the component I’m rendering the menu in:

import React, {
  useCallback,
  useMemo,
  useState
} from 'react';
import {
  ScrollView,
  StyleSheet,
  Vibration,
  View
} from 'react-native';
import {SafeAreaView} from 'react-navigation';
import {
  Appbar,
  Divider,
  Menu,
  Provider
} from 'react-native-paper';

export default function MyComp() {
  const [menuVisible, setMenuVisible] = useState(false);
  const hideMenu = useCallback(() => setMenuVisible(false), [setMenuVisible]);
  const showMenu = useCallback(() => setMenuVisible(true), [setMenuVisible]);
  const menuAnchor = useMemo(() => (
    <Appbar.Action
      onPress={showMenu}
      icon="dots-vertical"
    />
  ), []);

  return (
    <SafeAreaView>
      <Provider>
       <Appbar.Header>
         <Appbar.Content
            title="Title"
            subtitle="Subtitle"
          />
          <Menu
            visible={menuVisible}
            onDismiss={hideMenu}
            anchor={menuAnchor}
          >
            <Menu.Item onPress={hideMenu} title="Item 1" />
            <Menu.Item onPress={hideMenu} title="Item 2" />
            <Divider />
            <Menu.Item
              // onPress={() => {}}
              title="Logout"
              icon="logout"
            />
          </Menu>
        </Appbar.Header>
      </Provider>
    </SafeAreaView>
  );
}