Intenté usar React.memo() para evitar que se volviera a renderizar en uno de mis componentes, pero sigue volviéndose a renderizar cada vez que hay cambios en su componente principal .

Aquí está mi componente secundario con React.memo()

 const Transactions = React.memo(() => { console.log('rerender') return ( <></> ) })

Aquí es donde se llama. Cada vez que hago clic en el botón Agregar , llama a la función de estado setModal (verdadero), el componente Transacciones se vuelve a representar

 const ScholarHistory = ({setModal}) => { return ( <div className="pml-scholar pml-scholar--column"> <div className="pml-scholar-container"> <button onClick={() => setModal(true)} className="pml-scholar-add-button"> Add </button> </div> <Transactions /> </div> ) }

Soy nuevo en React y he estado explorando/creando proyectos más amplios. ¿Alguna idea de por qué sigue renderizando? ¡Gracias!