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!