I just upgrade my project to react 18.1.0 and try to check the new hook useTransition but I get this error Cannot resolve symbol 'useTransition' and I don't know why

This is my package.json :

"dependencies": {
    "@date-io/core": "^2.10.7",
    "@date-io/date-fns": "^1.3.13",
    "@emotion/react": "^11.7.1",
    "@emotion/styled": "^11.6.0",
    "@mui/base": "^5.0.0-alpha.64",
    "@mui/lab": "^5.0.0-alpha.76",
    "@mui/material": "^5.2.7",
    "@mui/styles": "^5.2.3",
    "@mui/x-data-grid": "^5.2.1",
    "@testing-library/dom": "4.2.0",
    "autosuggest-highlight": "^3.1.1",
    "autosuggest-highlight-with-opts": "^3.1.2",
    "axios": "^0.24.0",
    "cookie": "^0.4.1",
    "core-js": "^3.20.2",
    "date-fns": "^2.19.0",
    "exifr": "^7.1.3",
    "exifreader": "^4.1.1",
    "js-cookie": "^3.0.1",
    "jss-rtl": "^0.3.0",
    "lodash": "^4.17.21",
    "material-ui-phone-number": "^3.0.0",
    "moment": "^2.29.1",
    "npm": "^8.3.1",
    "react": "^18.1.0",
    "react-dom": "^18.1.0",}

this is my index.js:

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(
                <App/>
    );

this is how I tried to use this hook

import React, {useContext, useMemo,useTransition} from "react";
    const [isPending,startTransition] = useTransition()

what I'm doing wrong?