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`](https://github.com/Braweria/react-jss-issue-rule-not-linked/blob/main/components/HeadingSection.tsx) -> [`Box.tsx`](https://github.com/Braweria/react-jss-issue-rule-not-linked/blob/main/components/Box.tsx).
`` alone does not call the error, but in combination with the `` 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:
```js
"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_

---

Edit (2024-02-28): I am no longer using this, so I am unsubscribing from it. I also cannot give more info on it, if requested in the future.