Pass data from +layout.server.js to +layout.svelte and +page.svelte

I use layout.server.js to perform url checks and load other data. This data is loaded by +page.svelte. Now I want to load current url in +layout.svelte for page transition, but the data loaded (let { data } = $props();) in +layout.svelte is empty while it is correctly loaded in +page.svelte.

//+layout.server.jsexport async function load({ url }) {    //...some code    return { myData, url: url.pathname };}

//+page.sveltelet { data } = $props(); // returns the correct data

//+layout.svelte<script>let { children, data } = $props(); // undefined</script>{#key data.url}<main in:fade={{ duration: 300, delay: 300 }} out:fade={{ duration: 300 }}>        {@render children?.()}</main>{/key}

What am I missing ?

Thx,