React 19 incompatibility with some components

[fasonju]

Description

Non descriptive error causes ui not to render using some components. Downgrading to react 18 solved this issue. I'm not sure which components are affected but at least ActionList.Item and CheckBoxGroup.Label are affected. This error is consistent across chrome, safari and Firefox.

Steps to reproduce

1. initialize project, I used vite. npm create vite@latest
2. install primer npm install @primer/react
3. replace app.tsx with the following

import './App.css'
import { ActionList } from '@primer/react'

function App() {
    return (
        <ActionList>
            <ActionList.Item><span>Item 1</span></ActionList.Item>
        </ActionList>
    )
}

export default App

4. try to run npm run dev

Version

v37.17.0

Browser

Safari

[github-actions]

Uh oh! @fasonju, at least one image you shared is missing helpful alt text. Check your issue body to fix the following violations:

• Images should have meaningful alternative text (alt text) at line 5

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

🤖 Beep boop! This comment was added automatically by github/accessibility-alt-text-bot.