I'm getting a hydration_mismatch issue on my Svelte app even when the body and head are completely empty. I attempted to narrow down when the warning occurs but it only seems to go away when both my head and body tags are removed from page.svelte. Does anyone have any idea where the issue may be occurring?
I put a breakpoint to pause on uncaught and caught exceptions and this is where it stops at:
app.html:
<!doctype html><head> %sveltekit.head%</head><body data-sveltekit-preload-data="hover"><div style="display: contents">%sveltekit.body%</div></body>layout.svelte:
<script> import '../app.css'; let { children } = $props();</script>{@render children()}page.svelte:
<head></head><body></body>