en mi empresa tenemos una biblioteca de componentes construida con plantilla. Y ahora queremos mover algunos sitios web a next.js. Creé un nuevo proyecto next.js e hice referencia a los archivos javascript necesarios para mis componentes web. Los componentes se muestran, pero recibo la advertencia: "Advertencia: atributos adicionales del servidor [...]". ¿Alguien puede explicar por qué ocurre esto y tal vez cómo decirle a next.js que no está sucediendo nada malo?

El error completo es:

 Extra attributes from the server: class at my-ui-icon at a at li at ul at div at div at div at nav at div at Navbar (webpack-internal:///./components/navbar.js:35:157) at div at Layout (webpack-internal:///./components/layout.js:37:157) at MyApp (webpack-internal:///./pages/_app.js:21:24) at ErrorBoundary (webpack-internal:///./node_modules/@next/react-dev-overlay/lib/internal/ErrorBoundary.js:26:47) at ReactDevOverlay (webpack-internal:///./node_modules/@next/react-dev-overlay/lib/internal/ReactDevOverlay.js:86:23) at Container (webpack-internal:///./node_modules/next/dist/client/index.js:258:5) at AppContainer (webpack-internal:///./node_modules/next/dist/client/index.js:754:24) at Root (webpack-internal:///./node_modules/next/dist/client/index.js:893:25)

El atributo "clase" está en shadowDom.