T
TanStack3y ago
protestant-coral

devtools broken without styleNonce

The styleNonce prop has been removed from the devtools.tsx file. If you have a csp in place for development, devtools is now unable to use any of the css which makes the tool unusable.
This is a regression from this fix: https://github.com/TanStack/query/releases/tag/v4.0.0-beta.4
GitHub
Release v4.0.0-beta.4 · TanStack/query
4.0.0-beta.4 (2022-04-21) Bug Fixes devtools: adjust QueryKey height (#3497) (1ab13dc) Features query: functions for refetchOn options (#3518) (fab76e6) add nonce for devtools style tag (#3506) ...
3 Replies
unwilling-turquoise
unwilling-turquoise3y ago
@Aryan fyi
raw-harlequin
raw-harlequin3y ago
I'll fix this. Should probably be straightforward @Gorgar would you mind creating an issue in the repo so that I can track it?
protestant-coral
protestant-coralOP3y ago
added issue 6284 for reference: https://github.com/TanStack/query/issues/6284
GitHub
Devtools no longer support the style nonce for Content Security Pol...
Describe the bug The styleNonce prop has not been carried forward to the current version. If you have a content security policy in place for development, devtools will not load any inline CSS. I tr...

Did you find this page helpful?