ProductAdder.js

import React from 'react';
import {
  Button,
  Div,
  Text,
  Icon,
  Input,
  Select,
  Modal,
} from 'react-native-magnus';

export const ProductAdder = () => {
  const modalRef = React.useRef();

  console.log(modalRef);


  return (
    <>
      <Button
        block
        m={10}
        onPress={() => {
          console.log(modalRef);
          if (modalRef.current) {
            modalRef.current.open();
          }
        }}>
        Ajouter
      </Button>

      <Modal ref={modalRef}>
        <Button
          bg="gray400"
          isVisible={true}
          h={35}
          w={35}
          top={50}
          right={15}
          rounded="circle"
          onPress={() => {
            if (modalRef.current) {
              modalRef.current.close();
            }
          }}>
          <Icon color="black900" name="close" />
        </Button>
      </Modal>
    </>
  );
};