hrtwrm Posts - Answer Overflow

hrtwrm

•Created by hrtwrm on 4/6/2025 in #support

data is rendering correctly on file save but not on page refresh

I am unsure exactly what is happening but when I refresh the page using create resource no data loads. However if I save the file in my editor suddenly the data pops up. I am assuming this is an issue with SSR somehow, but I do not understand what I am doing wrong.

import { createEffect, createResource, Show } from "solid-js";
import { createExternalApi } from "~/server/externalApi";

const resource = async () => {
  const externalApi = await createExternalApi();
  const userInfo = await externalApi.getUserInfo();
  const userInfoResponse = await userInfo.response?.json();

  return userInfoResponse;
}

export const UserDetails = () => {
  const [data] = createResource(resource);

  return (
    <>
      <Show when={data.loading}>Loading</Show>
      <Show when={data.error}>Error</Show>
      <Show when={data()}>{(data) => data().username}</Show> // only renders on file save
    </>
  );
}

import { createEffect, createResource, Show } from "solid-js";
import { createExternalApi } from "~/server/externalApi";

const resource = async () => {
  const externalApi = await createExternalApi();
  const userInfo = await externalApi.getUserInfo();
  const userInfoResponse = await userInfo.response?.json();

  return userInfoResponse;
}

export const UserDetails = () => {
  const [data] = createResource(resource);

  return (
    <>
      <Show when={data.loading}>Loading</Show>
      <Show when={data.error}>Error</Show>
      <Show when={data()}>{(data) => data().username}</Show> // only renders on file save
    </>
  );
}

Any thoughts here would be greatly appreciated. I have been banging my head against the wall on this one.

207 replies

Gaming

Programming