🐛 Fragments in React 19 fragments

[alexasselin008]

While orbiter does not support React 19 officially, some teams have started updating their codebase. One issue that has been found is that orbiter uses "react-is", version 18.

When inside a react 19 codebase, orbiter does not detect fragments properly and doesn't unwrap them.

Steps to reproduce

import { Div, Tag, Text, ThemeProvider } from '@workleap/orbiter-ui'
import './App.css'

function App() {

  return (
    <ThemeProvider colorScheme="light">
      <Div padding="inset-xl">
        <Tag size="sm" variant="solid" >
          <>
            <Text>fragment</Text>
          </>
        </Tag>
        <Tag size="sm" variant="solid" >
            <Text>just text</Text>
        </Tag>
      </Div>
    </ThemeProvider>
  )
}

export default App

Expected results

They should be the same.

[alexasselin008]

The workaround provided for now is to overwrite the react-is version using pnpm

inside the package.json

"pnpm": {
    "overrides": {
      "react-is": "19.1.0"
    }
  }