Bug: Don't crash the app if an async component is accidentally used on the client about react

[natsandbox]

I am using Next.js and I accidentally put 'use client' and async together and the page was rending well.

However when I made a change with the page open in the browser and recompiled the browser completely froze up.

If I made changes and recompiled without having the page in question open, it would recompile without issues.

[KaramveerSidhu]

@acdlite Thank you for opening this issue and having a look in this direction. This is something that's really required.

[saudpunjwani101]

I'm still "Error: Not implemented. at Object.getCacheForType" on the server when cache the fetch with "use".

const fetchCities = cache(() => fetch(${getAnalyticsUrl()}/rest/cities))

const CitiesPage = () => {
let cities = use(fetchCities())
...

It works on the client though.