useResource hook to use Effection v3 resource.

use-resource.ts

import { run, type Operation } from "effection";
import { useEffect, useState, type DependencyList } from "react";

export type ResourceHandle<T> = {
  type: 'pending';
} | {
  type: 'resolved';
  value: T;
} | {
  type: 'rejected';
  error: Error;
}

export function useResource<T>(resource: Operation<T>, deps: DependencyList = []): ResourceHandle<T> {
  let [state, setState] = useState<ResourceHandle<T>>({ type: 'pending' });
  
  useEffect(() => {
    let task = run(function*() {
      try {
        yield* call(function*() {
          let value = yield* resource;
          setState({ type: 'resolved', value });
          yield* suspend();
        });
      } catch (error) {
        setState({ type: 'rejected', error });
      }
    });
    return () => task.halt();
  }, deps as unknown[]);

  return state;
}