[Bug?]: Flakey Hydration Error Key 0-0-0-0-0-0-0-5 about solid-start HOT 4 OPEN

This is the issue that holding my development! any simple guide for me to contribute?

from solid-start.

<Show when={resource.loading}>Loading...</Show>
<Show when={resource.error}>Error: {resource.error.message}</Show>
<Show when={resource()}>
    <div innerHTML={prettyPrintJson.toHtml(resource(), {})} />
</Show>

This whole section might just be the cause of it. In general, I just can't recommend the use of loading and error properties over Suspense and ErrorBoundary, due to the former's quirky behavior

from solid-start.

This whole section might just be the cause of it. In general, I just can't recommend the use of loading and error properties over Suspense and ErrorBoundary, due to the former's quirky behavior

Suspense doesn't seem to work either it just fallbacks regardless.
I rewrote the main statement to:

        <button onClick={refetch}>Refetch</button>
        <Suspense fallback={<div>Error!</div>}>
          <WarStatus warStatus={resource()!} />
        </Suspense>

With an extra component WarStatus doing absolutely nothing:

export default function WarStatus({warStatus}: WarStatusProps) {
    return (
        <div innerHTML={JSON.stringify(warStatus)} />
    )
}

The data is present btw. I tried console.logging it and it does fetch successfully. I could go completely React on this and manually taking over control flow, and it'd probably work, but I don't think that's how its supposed to be done in Solid.

from solid-start.

I found that this bug happens when there is a syntax/functional error, after fixing the error this bug will go away.

Even if it not, I may hard refresh the page and its done

from solid-start.