[BUG] - Partials in React/Remix throws exception in React 19

[michaelworm]

Contact Details

https://porschedev.slack.com/archives/CT7AVHTTQ/p1717755243690399

JS Framework

React/Remix

Porsche Design System version

latest

On which device(s) you can see the bug?

all

In which browsers you can see the bug?

No response

Browser version

No response

Reproduction Example

https://stackblitz.com/edit/remix-run-remix-yxdfzn?file=app%2Fpartials.server.tsx

Steps to reproduce the behavior

1. Go to StackBlitz
2. See error

Expected behavior

The page renders fine with React 19

Relevant log output

Error: Objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store}). If you meant to render a collection of children, use an array instead.

[kroofy]

It was introduced somewhere between these commits:
facebook/react@db913d8...cb15184

[kroofy]

The last working one: 19.0.0-canary-db913d8e17-20240422
The first failing one: 19.0.0-canary-cb151849e1-20240424

[michaelworm]

facebook/react@db913d8...cb15184#diff-126e377d76456bceb8f1f6c9a6668400f198ccb7bfc37b52083ac9fd4982c515

This part looks interesting. The error we get is different but it looks like we need to use React 19 in our build too. Might be related.