Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: macOS 13.0
    CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz
    Memory: 132.45 MB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Browsers:
    Chrome: 106.0.5249.119
    Firefox Developer Edition: 107.0
    Safari: 16.1

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/async-lake-xqhqo5

Bug Description

Actual Behavior

styleElementAttributes are not applied to fui-FluentProvider1 when using Griffel RendererProvider https://griffel.js.org/react/api/create-dom-renderer

"random" is added to all styles but fui-FluentProvider1

<style nonce="random" data-make-styles-bucket="d"></style>
<style nonce="random" data-make-styles-bucket="t" media="screen and (prefers-reduced-motion: reduce)"></style>
<style nonce="random" data-make-styles-bucket="m" media="screen and (prefers-reduced-motion: reduce)"></style>
<style id="fui-FluentProvider1"></style>

Expected Behavior

nonce="random" is also added to <style id="fui-FluentProvider1"></style>

Logs

No response

Requested priority

Blocking

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.