React本机'BottomSheetModalInternalContext‘不能为null

import React, { useContext } from 'react';
import { View, Button } from 'react-native';
import { BottomSheetModalInternalContext } from './path-to-context';

const MyComponent = () => {
  const { isModalVisible, setIsModalVisible } = useContext(BottomSheetModalInternalContext);

  return (
    <View>
      <Button title="Open Modal" onPress={() => setIsModalVisible(true)} />
      {isModalVisible && <ModalComponent />}
    </View>
  );
};

import React from 'react';
import { BottomSheetModalInternalContext } from './path-to-context';
import MyComponent from './MyComponent';

const App = () => {
  const [isModalVisible, setIsModalVisible] = React.useState(false);

  return (
    <BottomSheetModalInternalContext.Provider value={{ isModalVisible, setIsModalVisible }}>
      <MyComponent />
    </BottomSheetModalInternal察Context.Provider>
  );
};

export default App;

import { BottomSheetModalInternalContext } from './path-to-context';