The 'MYCOMPONENT' module cannot be used as a JSX component.

Its type '({ href, type, active, children }: MYCOMPONENTSPROPS) => Element' is not a valid JSX element type.

The type '({ href, type, active, children }: MYCOMPONENTSPROPS) => Element' cannot be assigned to the type '(props: any, deprecatedLegacyContext?: any) => ReactNode'.

The type 'Element' cannot be assigned to 'ReactNode'.

The 'children' property is missing in the 'Element' type but is required in the 'ReactPortal' type.ts(2786)

index.d.ts(175, 9): 'children' is declared here.

"dependencies": {

    "next": "12.2.3",

    "nookies": "^2.5.2",

    "react": "18.2.0",

    "react-dom": "18.2.0",

    "react-responsive": "^9.0.0",

    "redux-persist": "^6.0.0",

    "sass": "^1.54.0"

},

"devDependencies": {

    "@types/node": "18.6.3",

    "@types/react": "18.0.15",

    "@types/react-dom": "18.0.6",

    "eslint": "8.21.0",

    "eslint-config-next": "12.2.3",

    "prettier": "3.0.3",

    "typescript": "^5.2.2"

}