Eddie Posts - Answer Overflow

Eddie

Explore posts from servers

•Created by Eddie on 3/12/2025 in #help

Sourcemap for "..node_modules/.vinxi/client/deps/drizzle-zod.js" points to missing source files

I am trying out drizzle (and drizzle-zod) in my SolidStart project and I am getting this error/warning:

Sourcemap for ".../node_modules/.vinxi/client/deps/drizzle-zod.js" points to missing source files

Sourcemap for ".../node_modules/.vinxi/client/deps/drizzle-zod.js" points to missing source files

I am pretty unfamiliar with the ins and outs of how code gets bundled in SolidStart and source maps in general. I am wondering if you guys know if this message implies an issue with drizzle-zod or SolidStart?

1 replies

SSolidJS

•Created by Eddie on 1/31/2025 in #support

Hydration error when using <Show> in SolidStart

I am new to SolidStart, I see this talked about in several places but I fail to understand how any of the mentioned solutions applies to my case. I am trying to conditionally render something using <Show>:

export function Footer() {
  const user = createAsync(() => getUserQuery({}));

  return (
    <footer>
      <Show when={user()}>
        <p>
          Logged in as: <strong>{user()?.name}</strong>
        </p>
      </Show>
    </footer>
  );
}

export function Footer() {
  const user = createAsync(() => getUserQuery({}));

  return (
    <footer>
      <Show when={user()}>
        <p>
          Logged in as: <strong>{user()?.name}</strong>
        </p>
      </Show>
    </footer>
  );
}

This results in a hydration error. I am fairly sure that I understand why I'm getting the error, but what pattern should I use to conditionally render an element like this?

12 replies

Gaming

Programming