Skip to content

[Bug]: inert property is set as boolean on Accordian when it should be a string #36064

@StephenTG

Description

@StephenTG

Component

Accordion

Package version

9.73.8

React version

18.3.1

Environment

System:
    OS: Linux 6.19 Arch Linux
    CPU: (12) x64 12th Gen Intel(R) Core(TM) i7-1255U
    Memory: 9.83 GB / 31.03 GB
    Container: Yes
    Shell: 5.9 - /usr/bin/zsh
  Browsers:
    Chromium: 146.0.7680.177
  npmPackages:
    @fluentui/react-components: 9.73.8 => 9.73.8 
    @fluentui/react-icons: 2.0.324 => 2.0.324 
    @types/react: 18.3.28 => 18.3.28 
    @types/react-dom: 18.3.7 => 18.3.7 
    react: 18.3.1 => 18.3.1 
    react-dom: 18.3.1 => 18.3.1

Current Behavior

With 9.73.8, we now get the following warning in the console:

Warning: Received true for a non-boolean attribute inert. If you want to write it to the DOM, pass a string instead: inert="true" or inert={value.toString()}

Expected Behavior

There should be no cause for warnings

Reproduction

https://stackblitz.com/edit/v2zpvclz?file=src%2Fexample.tsx

Steps to reproduce

Click one header to open it, then click another and the warning occurs

Are you reporting an Accessibility issue?

None

Suggested severity

High - No workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

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.

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions