tengo un componente asi

 const ListOfMeds = () => { const mockListOfMedicines = [ { medicineName: "Augmentin 625 Duo Tablet", medicineId: "D06ID232435454", groupName: "Generic Medicine", stock: 350, }, { medicineName: "Augmentin 625 Duo Tablet", medicineId: "D06ID232435454", groupName: "Generic Medicine", stock: 350, }, ]; const getSpecificMedicineWithId = (number) => { const filteredData = mockListOfMedicines.find((medicine) => { return medicine.medicineId === number; }); return filteredData; }; return{ <Some stuff/> } }; export default ListOfMeds;

ahora tengo otro componente como este

 import React from "react"; import { useParams } from "react-router-dom"; const MedicineInfo = () => { let params = useParams(); return <div>MedicineId: {params.medicineId}</div>; }; export default MedicineInfo;

Quiero que el segundo componente llame a la función getSpecificMedicineWithId en el primer componente que pasa la clave de objetos params como argumento. Sin embargo, el segundo componente no es un elemento secundario del primer componente, por lo que no puedo pasar esa función como accesorio. Tampoco puedo usar el contexto por la misma razón. No es su hijo.

Si utilizo exportar en el primer componente obtengo los errores

 Modifiers cannot appear here.

y

 'import' and 'export' may only appear at the top level. (58:2)

No puedo sacar la función getSpecificMedicineWithId de su componente para exportarla porque depende de los datos dentro del componente para funcionar, es decir, la matriz mockListOfMedicines .

Ahora estoy atascado, no sé cómo hacerlo. Amablemente ayuda.