Estoy tratando de implementar componentes de servidor en mi aplicación Next.js. Estoy usando módulos scss para diseñar.

Un componente típico en mi proyecto se ve así:

 //MyComponent.client.jsx import s from './MyComponent.module.scss'; export const MyComponent = ({ props }) => { return <div id={ s.wrapper }>{ props.stuff }</div> };

Cuando cambio esto a: MyComponent.server.jsx

El estilo deja de funcionar y no obtengo ningún error.

¿Cómo puedo mantener esta funcionalidad en un componente de servidor?