Refactor to use ai/rsc (#253)

lib/hooks/use-streamable-text.ts

@@ -0,0 +1,26 @@
+import { StreamableValue, readStreamableValue } from 'ai/rsc'
+import { useEffect, useState } from 'react'
+
+export const useStreamableText = (
+  content: string | StreamableValue<string>
+) => {
+  const [rawContent, setRawContent] = useState(
+    typeof content === 'string' ? content : ''
+  )
+
+  useEffect(() => {
+    ;(async () => {
+      if (typeof content === 'object') {
+        let value = ''
+        for await (const delta of readStreamableValue(content)) {
+          console.log(delta)
+          if (typeof delta === 'string') {
+            setRawContent((value = value + delta))
+          }
+        }
+      }
+    })()
+  }, [content])
+
+  return rawContent
+}