ensi Posts - Answer Overflow

ensi

•Created by ensi on 9/28/2024 in #support

null error

7 replies

•Created by ensi on 9/21/2024 in #support

Window freezes in dev mode

Quite randomly, under circumstances I haven't figured out yet, the window freezes after the next hot reload.

9 replies

•Created by ensi on 9/17/2024 in #support

(!) Failed to retrieve local session state from cookies after a successful session refresh

6 replies

•Created by ensi on 9/13/2024 in #support

Cannot call server function outside of a request

12 replies

•Created by ensi on 9/8/2024 in #support

Hydration mismatch when trying to reference slot element outside of JSX

My component has two optional props leadingElement and trailingElement that expect a JSX element or fragment. I insert them like this:

{local.leadingElement}
// ...
{local.trailingElement}

{local.leadingElement}
// ...
{local.trailingElement}

When I try to reference these props outside of the JSX return, it results in a hydration mismatch:

// This line causes hydration mismatch.
const hasElementsOnAnySide = local.leadingElement || local.trailingElement;

// This line causes hydration mismatch.
const hasElementsOnAnySide = local.leadingElement || local.trailingElement;

Component works fine without this line. Code: https://pastebin.com/AjVSuhQM

25 replies