Using SSR and ISR

You can use useFallback to display static or server-side data before the request is finished.

useFallback(query, state)

Example

When using a Next.js like component

function useFetchAndFallbackMixture<D>(query: Query<D>, fallback?: State<D>) {
  useFetch(query)
  useFallback(query, fallback)
}
 
function useHelloMix(data?: MyData) {
  const query = useSchema(getHelloSchema, [])
  useFetchAndFallbackMixture(query, { data })
  return query
}
 
function MyPage(props: { data?: MyData }) {
  const { data, error } = useHelloMix(props.data)
 
  return <>...</>
}

Implementation

export function useFallback<D = any>(
  query: Query<D>,
  state?: State<D>
) {
  const { data, error } = query
 
  if (data !== undefined) return
  if (error !== undefined) return
  Object.assign(query, state)
}

Debugging a resource Scroll pagination