Problems with React18 and PrimeReact v8

[X1X11X]

Hi, with the update to React 18 a few issues have arisen in my project regarding PrimeReact.

First, I can't have more than one child in a div element, the following error appears:
TS2746: This JSX tag's 'children' prop expects a single child of type 'ReactNode', but multiple children were provided.


Likewise, I can no longer render a Column[] in a DataTable, this is where the error in the screenshot occurs.

Could it be that here the 18 version of React makes problems, or are here with the PrimeReact v8 breaking changes added?

Thanks in advance!

[X1X11X]

After further trying around it looks like this is caused by React18, with React17 and PrimeReact v8 everything runs fine.

[Melloware]

Yep I answered on Stack Overflow how to fix it for React 18. https://stackoverflow.com/questions/724 ... r-accepted