Estoy tratando de ocultar una información sobre herramientas en dispositivos móviles. Para esto, estoy usando useMediaQuery
para detectar el ancho de esta manera:
const isMobile = useMediaQuery({ query: '(max-width: 767px)' })
Luego estoy pasando isMobile
a un componente ReactTooltip como el accesorio disabled
.
<ReactTooltip disable={isMobile} id="favouriteMeeting" place="bottom" effect="solid"> Make Favourite </ReactTooltip>
Pero cada vez que hago clic en una reunión, aparece este error:
Renderizó más ganchos que durante el render anterior
. ¿Qué estoy haciendo mal? ¡Por favor ayuda!