Make a Resource depend on another Resource

I would like to have a resource depend (awaiting) on another, like so:

const [resource2] =
  createResource(
    async () => {
      await resource1.promise; // no such property exists
      return fetch();
    });

const [resource2] =
  createResource(
    async () => {
      await resource1.promise; // no such property exists
      return fetch();
    });

const [resource2] =
  createResource(
    async () => {
      await resource1.promise; // no such property exists
      return fetch();
    });

const [resource2] =
  createResource(
    async () => {
      await resource1.promise; // no such property exists
      return fetch();
    });

ResourceReturn

ResourceReturn

ResourceReturn

ResourceReturn doesn't expose the promise/fetcher.