Layout: Accessing element.ref was removed in React 19 #381
Description
Problem
When using React 19, passing children into the HeaderRole component causes an error:
Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.
Additionally, the children are rendered incorrectly — appearing at the top-left corner of the page instead of beneath the HeaderRole component as intended.
Solution
The children should be rendered under the HeaderRole component
Examples and information
