features(suspense): Adds streaming support for Suspense SSR

package.json

@@ -1,6 +1,6 @@
 {
   "name": "http-react",
-  "version": "3.9.0",
+  "version": "4.0.0",
   "description": "React hooks for data fetching",
   "main": "dist/index.js",
   "scripts": {

src/components/FetchConfigAsync.tsx

@@ -6,11 +6,11 @@ import { FetchConfigSync } from './server'
 export async function FetchConfigAsync(props: FetchContextType) {
   const { children, defaults = {}, value = {} } = props
 
-  let $values = new Map()
+  const $values = new Map()
 
-  const previousConfig = $context.value as any
+  const previousConfig = $context.value as typeof $context.value
 
-  for (let valueKey in value) {
+  for (const valueKey in value) {
     const $value = await value[valueKey]
 
     const $data = $value.data ?? $value
@@ -22,7 +22,7 @@ export async function FetchConfigAsync(props: FetchContextType) {
     // cacheProvider.set(resolvedKey, $data)
   }
 
-  for (let defaultKey in defaults) {
+  for (const defaultKey in defaults) {
     const { id = defaultKey } = defaults[defaultKey]
 
     if (isDefined(id)) {
@@ -32,7 +32,7 @@ export async function FetchConfigAsync(props: FetchContextType) {
     }
   }
 
-  let mergedConfig = {
+  const mergedConfig = {
     ...previousConfig,
     ...props,
     headers: {

src/components/LocalStorageCacheProvider.tsx

@@ -7,13 +7,13 @@ let isCacheHydrated = false
 
 const loadFromLocalStorage = () => {
   if (typeof localStorage !== 'undefined') {
-    for (let key in localStorage) {
+    for (const key in localStorage) {
       try {
         const currentValue = localStorage.getItem(key)
         if (typeof currentValue !== 'undefined') {
           defaultCache.set(key, JSON.parse(currentValue!))
         }
-      } catch (error) {
+      } catch {
         // Remove cache key if parsing fails
         localStorage.removeItem(key)
       }
@@ -51,7 +51,7 @@ export function LocalStorageCacheProvider({
   useCacheHydration({ instant })
 
   return (
-    // @ts-expect-error
+    //@ts-expect-error
     <FetchConfig
       cacheProvider={{
         get(k) {

src/components/index.tsx

@@ -49,7 +49,7 @@ export function FetchConfig(props: FetchContextType) {
 
   const $values = new Map()
 
-  for (let valueKey in value) {
+  for (const valueKey in value) {
     const resolvedKey = serialize({
       idString: serialize(valueKey)
     })
@@ -66,7 +66,9 @@ export function FetchConfig(props: FetchContextType) {
 
     if (dataChunk instanceof Promise) {
       try {
-        const parsedChunkValue = JSON.parse((dataChunk as any).value)
+        const parsedChunkValue = JSON.parse(
+          (dataChunk as unknown as { value: string }).value
+        )
         parsedChunk = parsedChunkValue?.data ?? parsedChunkValue
       } catch {
         parsedChunk = dataChunk
@@ -86,7 +88,7 @@ export function FetchConfig(props: FetchContextType) {
     }
   }
 
-  for (let defaultKey in defaults) {
+  for (const defaultKey in defaults) {
     const { id = defaultKey } = defaults[defaultKey]
     const resolvedKey = serialize({
       idString: serialize(id)
@@ -102,14 +104,14 @@ export function FetchConfig(props: FetchContextType) {
     }
   }
 
-  for (let suspenseKey of suspense) {
+  for (const suspenseKey of suspense) {
     const key = serialize({
       idString: serialize(suspenseKey)
     })
     willSuspend.set(key, true)
   }
 
-  let mergedConfig: FetchContextType = {
+  const mergedConfig: FetchContextType = {
     ...previousConfig,
     ...props,
     headers: {