tomgenoni / cssdig-chrome

Chrome extension for analyzing CSS.
MIT License
380 stars 21 forks source link

cssdig causes Next.js to throw: "Warning: Extra attributes from the server: style" #16

Open meadowsjared opened 1 year ago

meadowsjared commented 1 year ago

Enabling this extension causes the following error: image

Click for detailed view 👉 ``` app-index.js:31 Warning: Extra attributes from the server: style at body at html at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:73:9) at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:81:11) at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:54:9) at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:62:11) at DevRootNotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/dev-root-not-found-boundary.js:32:11) at ReactDevOverlay (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/internal/ReactDevOverlay.js:66:9) at HotReload (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js:326:11) at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:147:11) at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:82:9) at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:110:11) at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:417:13) at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:123:11) at RSCComponent at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:139:11) window.console.error @ app-index.js:31 ```

Css Dig Version 1.1.0 Chrome Version 116.0.5845.141 (Official Build) (64-bit)

Thank you for making this extension! I've had to disable it and just use it on-demand until this is resolved, thank you! 🙏

meadowsjared commented 1 year ago

in case it's useful there is a discussion on it here: https://github.com/vercel/next.js/discussions/22388

tomgenoni commented 1 year ago

Thanks @meadowsjared. I haven't updated the internals in many years, actually surprised it works at all! I have wanted to rewrite it but I have not had time. I'll update this report when I'm able to.