ESLint rule idea: <style> is not allowed inside _document.js

[sa3dany]

Describe the feature you'd like to request

As per the docs: https://nextjs.org/docs/advanced-features/custom-document#caveats
styled-jsx is not allowed inside custom _document.js and I was getting 500 errors on all SSR pages when deploying a site to production that had a <style> tag inside a custom _document.js.

I think it's a good idea to add an ESLint rule to remind users about this since the error I got did not make it straightforward to figure out the root cause of the issue.

Describe the solution you'd like

Add a new ESLint rule warning about the use of <style> tags inside a custom _document.js

Describe alternatives you've considered

Maybe prevent the build if a <style> tag is detected inside a custom _document.js

[radosvet93]

Hello there! I'd like to work on that. New to codebase, any tips or guides will be highly appreciated, thanks!

[thibautsabot]

Hello @radosvet93.

Make sure to read the Code of Conduct and the Contributing guide first!

ESLint rules are located in this folder: https://github.com/vercel/next.js/tree/canary/packages/eslint-plugin-next/lib/rules

Always add tests along with your new features 🙂 .

Once a PR is opened, automatic tests / lint will be performed on your code.

A Next.js maintainer will review your code whenever they can.

[niicode]

Hello is there anyone working on this already.
I would like to try my hands on this. I am a first time contributor.

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.