React Gatsby CSP с Material-UI 5
В настоящее время я работаю над приложением, созданным с помощью gatsby и использующим в качестве стиля Material Ui.
Однако есть требование от клиента, что мы не можем использовать небезопасное встроенное значение для стиля csp.
Мы используем gatsby-csp-plugin для определения наших метаданных CSP.
Этот плагин создает хеши для тегов style en script в заголовке.Maetrial ui, похоже, работает с nonce для исправления csp, как определено в их документации .
Для этого нам необходимо создать кеш эмоций и передать ему одноразовый номер.
Однако я понятия не имею, как мы собираемся генерировать новый одноразовый номер при каждом запросе и передавать его в материальный кеш эмоций пользовательского интерфейса, а также убедиться, что он определен в моей конфигурации gatsby-csp-plugin.
Также побочный вопрос заключается в том, что плагин csp, похоже, также блокирует встроенный стиль, определенный в коде. Есть ли способ обойти это, или мы просто должны убедиться, что у нас вообще нет встроенного стиля?
Любая помощь будет принята с благодарностью.
большинство запросов об этом просто заканчиваются использованием
unsafe-inline
что для меня не вариант.