Why dose createServerData$ return undefined

I am learning solid start, i am having some issues getting routeData and createServerData to work correctly, the below example prints

Test:  undefined

Test: undefined

Test:  undefined

Test: undefined where it should return

Test: { Foo: "Bar" }

Test: { Foo: "Bar" }

Test: { Foo: "Bar" }

Test: { Foo: "Bar" }

export function routeData() {
  const user = createServerData$(async (_, { request }) => {
    return {
      Foo: "Bar",
    };
  });

  return user;
}

export default function HeaderLayout() {
  const user = useRouteData<typeof routeData>();
  console.log("Test: ", user);
....

export function routeData() {
  const user = createServerData$(async (_, { request }) => {
    return {
      Foo: "Bar",
    };
  });

  return user;
}

export default function HeaderLayout() {
  const user = useRouteData<typeof routeData>();
  console.log("Test: ", user);
....

export function routeData() {
  const user = createServerData$(async (_, { request }) => {
    return {
      Foo: "Bar",
    };
  });

  return user;
}

export default function HeaderLayout() {
  const user = useRouteData<typeof routeData>();
  console.log("Test: ", user);
....

export function routeData() {
  const user = createServerData$(async (_, { request }) => {
    return {
      Foo: "Bar",
    };
  });

  return user;
}

export default function HeaderLayout() {
  const user = useRouteData<typeof routeData>();
  console.log("Test: ", user);
....

Why dose createServerData$ return undefined

Similar Threads

Similar Threads

Similar Threads