Skip to content

JSX elements aren't working in react 19.1.1 #162

@yachtsman-dev

Description

@yachtsman-dev

Recently i have upgrade my nextjs project from 14.x to 15.5.0 and react 19.1.1 it seems like when i use jsx elements into formatString function its giving error of React.cloneElement below is my content:
{t.formatString(t.claim.main_detail_msg2, <b>{settings.claimEmail}</b>, <b>{settings.infoPhone}</b>)}

this is error
Attempted to render without development properties. This is not supported. It can happen if:

  • The element is created with a production version of React but rendered in development.
  • The element was cloned with a custom function instead of React.cloneElement.

The props of this element may help locate this element: { children: 'my details' }
⨯ [TypeError: Cannot read properties of undefined (reading 'stack')] { digest: '1943472589' }
⨯ [Error: failed to pipe response] { [cause]: [TypeError: Cannot read properties of undefined (reading 'stack')] { digest: '1943472589' } }
⨯ [Error: failed to pipe response] { page: '/my-page', [cause]: [TypeError: Cannot read properties of undefined (reading 'stack')] { digest: '1943472589' } }

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions