SWR only fetches through auto-revalidation, never on page load.

[tessamerrill]

I have this code:

  const discordFetcher = (url: string) => {
    fetch(`https://discord.com/api${url}`, {
      headers: {
        Authorization: `Bearer ${user.accessToken}`,
      },
    }).then(async (r) => {
      const d: APIGuild[] = await r.json();
      return d;
    });
  };

  const { data } = useSWR<any, any>('/users/@me/guilds', discordFetcher);

  if (data) {
    console.log(data);
    const temp = data.slice();
    setServerData(temp.map((server) => {
      // eslint-disable-next-line no-bitwise
      if ((server.permissions & 0x32) === 0x32) {
        return <ServerCard image={server.icon === null ? 'assets/img/Logo.svg' : `https://cdn.discordapp.com/icons/${server.id}/${server.icon}.png`} name={server.name} id={server.id} />;
      }
    }));
  }

When it does auto-revalidate, the data statement never runs. On page load it never fetches the data needed, leaving an infinite load. What do I do? (I can provide more code as needed)