Estoy intentando aplicar module.css a uno de mis componentes de acuerdo con esta guía https://nextjs.org/learn/basics/assets-metadata-css/layout-component .

 /*/components/Livestream/App.js*/ import styles from './App.module.css'; ... return ( <div className={styles.container}> <main> <div className='live-stream'> ... export default App; /*/components/Livestream/App.module.css*/ .container main { align-items: center; display: flex; height: 100vh; justify-content: center; } .container main .live-stream { background-color: #000615; display: flex; height: 100%; overflow: hidden; position: relative; width: 100%; }

Sin embargo, solo la etiqueta principal obtiene el estilo css y no la transmisión en vivo de la clase: