JSX elements aren't working in react 19.1.1

[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' } }