Hey I am trying to use hooks inside styled-components - createGlobalStyle. I know that this is not possible, because createGlobalStyle is a function and neither a component nor a custom hook. Maybe someone knows a workaround or a solution :).

export const GlobalStyle = createGlobalStyle`
 p {
   padding: ${p => useMediaQuery('min-width(768px)') && 12px};
 }    
`