Design

basically:
```tsx
const { data } = useSWR(...);

return <div key={data} className="animate-[...]}>{data}</div>;
```

`swr`@beta man plz

https://x.com/shuding_/status/1794461568505352693

hey, it doesn't stream the rendering w/ rsc and hydration is async blocking

https://github.com/shuding/swr-rsc-example/blob/41585c6dc9d5c775c01b277dfb266b61c3907a94/app/page.tsx#L11-L14

h/t

but not as pretty i get it man

https://github.com/shuding/swr-rsc-example/blob/41585c6dc9d5c775c01b277dfb266b61c3907a94/app/pokemon.tsx#L13

hey, it doesn't stream the rendering w/ rsc and hydration is async blocking

https://github.com/shuding/swr-rsc-example/blob/41585c6dc9d5c775c01b277dfb266b61c3907a94/app/page.tsx#L11-L14

h/t https://x.com/shuding_/status/1794462604649517245

https://github.com/fiveoutofnine/www/blob/7621a1c7773ca23af54f5969f3193612f83f1d2e/app/blog/(components)/header/index.tsx#L32