React "Use" Hook - Uncaught TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.use) is not a function

I'm using react experimental with node 18 & trying to implement 'use' hook for a handling a promise. Getting the following error an unable to find a solution. I assume it's something related to a Webpack configuration required.

package.json

"react": "experimental",
"react-dom": "experimental",

JS File

import {use, useState, Suspense} from 'react'


const Component = ({url}) => {

    const fetchPromise = fetch(url).then(res => res.json());
    const data = use(fetchPromise);

    return (
        <div>
            {data}
        </div>
    );
}

Getting the following error

bundle.js:3509 Uncaught TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.use) is not a function
    at Component (bundle.js:3509:58)
    at renderWithHooks (react-dom.development.js:16305:1)
    at mountIndeterminateComponent (react-dom.development.js:20074:1)
    at beginWork (react-dom.development.js:21587:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
    at invokeGuardedCallback (react-dom.development.js:4277:1)
    at beginWork$1 (react-dom.development.js:27451:1)
    at performUnitOfWork (react-dom.development.js:26557:1)
    at workLoopSync (react-dom.development.js:26466:1)

It really make sense to pass url as a prop, this is how it should be done:

const Component = ({ url }) => {
  const [data, setData] = useState()

  useEffect(() => {
    fetch(url)
      .then((res) => res.json())
      .then(_data => setData(_data))
  }, [])

  return <div>{data}</div>
}

Do not use experimental versions for your packages, they may contain bugs.

<br />

Edit:

I created an example and it works: https://codesandbox.io/s/cool-glade-zh1w08?file=/src/App.js

import { use } from "react";

const getProduct = fetch("https://dummyjson.com/products/1").then((res) =>
  res.json()
);

function App() {
  const product = use(getProduct);
  if (!product) return <div>Loading...</div>;

  return <div>{product.title}</div>;
}

export default App;