[accordion] Use context to remove need for manual id assigments

[oliviertassinari]

Summary

See https://mui.com/material-ui/react-accordion/#accessibility. The need to assign id shouldn't be needed in the first place.

I suspect that we could use https://base-ui.com/react/components/accordion under the hood here.

Examples

• We have [docs] Use React.useId() for demo IDs #48300 to work around the issue.

Motivation

Search keywords: -

[mj12albert]

I suspect that we could use https://base-ui.com/react/components/accordion under the hood here

We could and it will work, can we? 👀

[starboyvarun]

I'd like to work on this issue. I'll implement auto-generated IDs using React.useId() in the Accordion component so developers no longer need to manually assign id and aria-controls props for accessibility.

[starboyvarun]

I've submitted a fix for this issue. PR: #48326

The implementation uses React.useId() inside Accordion to auto-generate unique summaryId and regionId, passed via context to AccordionSummary. Developers no longer need to manually assign id and aria-controls — the component handles it automatically while still respecting user-provided values.