[React 19] `use()` promise from state causes "async/await is not yet supported in Client Components" error

## Summary https://stackblitz.com/edit/vitejs-vite-kbccdh?file=src%2FApp.tsx ```tsx import { use, useState } from 'react'; export default function App() { const [p] = useState(() => new Promise((res) => setTimeout(res, 500))); use(p); return 'hello!'; } ``` Note: I do not have a parent Suspense boundary. ### Actual behaviour An error is thrown > Error: async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server. ### Expected behaviour I think this should render "hello!". If I lift the promise out of the state initialiser into the module, there is no error - React holds from rendering the app until the promise resolves. ```tsx // This works fine, even without a parent <Suspense> const p = new Promise((res) => setTimeout(res, 500)); export default function App() { use(p); return 'hello!'; } ``` If it's expected to throw an error in this scenario, then I think the error message should be improved. It should log the error message about the component suspended without a parent suspense boundary. I do think this is inconsistent though, and in original example should just work.