Not wroking

[vel-kathir]

BREAKING CHANGE: The request 'react/jsx-runtime' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

Package.json
{
"name": "flexy",
"version": "0.1.0",
"private": true,
"dependencies": {
"@babel/plugin-proposal-private-property-in-object": "7.21.11",
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@material-ui/core": "^4.12.4",
"@mui/icons-material": "5.11.16",
"@mui/lab": "5.0.0-alpha.133",
"@mui/material": "^5.13.4",
"@mui/styled-engine-sc": "5.12.0",
"@testing-library/jest-dom": "5.16.5",
"@testing-library/react": "13.4.0",
"@testing-library/user-event": "13.5.0",
"apexcharts": "3.41.0",
"axios-mock-adapter": "1.21.4",
"faker": "^5.5.3",
"react": "18.2.0",
"react-apexcharts": "1.4.0",
"react-dom": "18.2.0",
"react-mui-dynamic-data-table": "^1.0.5",
"react-router-dom": "6.12.1",
"styled-components": "5.3.11",
"stylis-plugin-rtl": "2.1.1",
"validator": "^13.11.0",
"web-vitals": "2.1.4"
},
"devDependencies": {
"react-scripts": "^5.0.1"
},
"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"
]
},
"overrides": {
"@popperjs/core": "2.11.4"
}
}

**Node version:**v18.18.0