Hola, estoy tratando de usar ganchos dentro de componentes con estilo: createGlobalStyle. Sé que esto no es posible, porque createGlobalStyle es una función y no un componente ni un enlace personalizado. Tal vez alguien sepa una solución alternativa o una solución :).
export const GlobalStyle = createGlobalStyle` p { padding: ${p => useMediaQuery('min-width(768px)') && 12px}; } `Una solución alternativa puede ser agregar un gancho de consulta de medios en cualquier parte de su código, capturar el tamaño de la pantalla, enviar valor en accesorios (profundización de accesorios, Api de contexto, redux) para hacer que sus componentes con estilo se adapten a su pantalla.
Puedes pasar por este enlace