Now using createResource(), the content never loads.

const getReports = async () => {
  return (await fetch('/api/reports')).json();
};

export default function Home() {
  const [reports, { refetch }] = createResource(getReports);
  ...snip...

          <Show when={!reports.loading} fallback={<tr><td>Loading...</td></tr>}>
            <For each={reports()}>{item => (
              <tr>
                ...snip...
              </tr>
            )}</For>
          </Show>
  ...snip...
};

const getReports = async () => {
  return (await fetch('/api/reports')).json();
};

export default function Home() {
  const [reports, { refetch }] = createResource(getReports);
  ...snip...

          <Show when={!reports.loading} fallback={<tr><td>Loading...</td></tr>}>
            <For each={reports()}>{item => (
              <tr>
                ...snip...
              </tr>
            )}</For>
          </Show>
  ...snip...
};