Svelte V6 Async Route Props

I understand that in V6 options.context has been replaced with options.props.

I seem to be unable to access the props from the f7route object on my page.

I pass my data in my async route as below :

resolve(
              {
                component: ProfilePage,
              },
              {
                props: {
                  MemberDetails = MemberDetails
                }
              }
            );

I used to access the context data like below :

let MemberDetails = f7route.context.MemberDetails;

I am not sure on how to access the props data.
When I inspect the f7route object the props property is not available.

How do I access the props data that is passed?

It is very simple like in V5.

Use in svelte component this:
export let MemberDetails

Unless I missunderstood your reply, I dont thing I made myself.

I first block of code is is my routes.js file Im trying to pass an object “MembersDetails” to my component page.

On the component page I am then trying to get the MembersDetails object that was passed.
As mentioned f7route.context.MemberDetails used to work when we were able to pass in in the context property, but Im not sure how to get the MmebersDetails object from the props property on my component page

If you want to transfer a property to a component, then you have to declare the property in the svelte component as export. That’s all. You don’t need context.

In your case you only need this in svelte component:
export let MemberDetails

The router will set your property “MemberDetails” because of:
(Please change “=” to “:” in your code)

resolve(
              {
                component: ProfilePage,
              },
              {
                props: {
                  MemberDetails : MemberDetails
                }
              }
            );

Maybe also interesting for you:

Thank you for the explanation.

export let MemberDetails worked for me.