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