Warning: [JSS] Rule is not linked. Missing sheet option "link: true".

I didn’t realise the other issue was closed, this is still a problem, so I am opening a new issue about it.

---

I am running into this problem myself and build a minimal viable repo of it.
https://github.com/Braweria/react-jss-issue-rule-not-linked

I could trace the Problem to HeadingSection.tsx -> Box.tsx. <Box /> alone does not call the error, but in combination with the <HeadingSection /> it does.

I am using NextJS in my project, and both my _app and _document are correctly set up using the following resources:

• https://codesandbox.io/s/03yx1m5k6w?file=/pages/_document.js
• https://github.com/vercel/next.js/blob/master/examples/with-react-jss/pages/_document.js

My dependencies:

  "dependencies": {
    "jss": "^10.7.1",
    "jss-plugin-camel-case": "^10.7.1",
    "jss-plugin-global": "^10.7.1",
    "jss-plugin-vendor-prefixer": "^10.7.1",
    "next": "11.0.1",
    "normalize-jss": "^4.0.0",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "react-jss": "^10.7.1"
  }

When I start the dev server I get this warning

Warning: [JSS] Rule is not linked. Missing sheet option "link: true".

exactly twice. For each refresh, I get this warning twice.

The solutions mentioned here did not help.

_Originally posted by @Braweria in https://github.com/cssinjs/jss/issues/1143#issuecomment-883651067_

[benistary]

Exact problem. Any news?

Next 12.1.0 React-jss 10.9.0

[Braweria]

It has been about 20 days since I posted this, and it saw no comments. This is an issue that exists since before I posted about it here, so having a fix for this would be great.