[BUG] The base app doesn't work with React 18, missing children prop.

[pabloalcaraz]

Describe the bug
The app doesn't work with React 18, the propertie "children" is mising in types of refine-antd and refine-core components that use.

To Reproduce
Update to react 18 on package.json and start the app.

Screenshots

[omeraplak]

Hey @pabloalcaraz 👋,
Many of our dependencies haven't released React@18 support as latest yet. These are ant-design, react-testing-library and react-query. We are tracking all our dependencies and will upgrade to React@18 as soon as possible.

Possible workarounds are listed here,
facebook/react#24304

Refine React@18 PR: #1718

[rhuanbarros]

I created a new project today and this setup worked with the package.json

{ "name": "refine1l", "version": "0.1.0", "private": true, "dependencies": { "@pankod/refine-antd": "^3.22.1", "@pankod/refine-core": "^3.22.1", "@pankod/refine-react-router-v6": "^3.22.1", "@pankod/refine-simple-rest": "^3.22.1", "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "^12.1.1", "@testing-library/user-event": "^12.5.0", "@types/jest": "^27.5.1", "@types/node": "^16.11.36", "@types/react": "^17.0.2", "@types/react-dom": "^17.0.2", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "5.0.1", "typescript": "^4.7.2", "web-vitals": "^2.1.4" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } }

[omeraplak]

Hey @pabloalcaraz ,
We've released react@18 support! 💥