Context is undefined after redirect

[maksymskuibida]

Describe the bug

I use authentication, similar to Authenticated Routes example from documentation. So, when user is on /$lang page, if user is not authorised, user is been redirecting to /$lang/login page. It happens, but useRouteContext returns undefined instead of context. I set context in RouterProvider like this. If I reload the page, issue disappears

<RouterProvider
    router={router}
    context={{ auth, queryClient, showAppAlert }}
/>

I tested on 1.29.2, 1.30.1, 1.31.1, issue happens. I also tested on 1.26.21 and issue does not happen. I didn't test versions between 1.26.21 and 1.29.1

Your Example Website or App

https://admin.7loc.com/en

Steps to Reproduce the Bug or Issue

It happens in our live admin panel(admin panel at all is in development, but some functionality have already been implemented)

Expected behavior

Context, if it set in router provider is always available and not undefined

Screenshots or Videos

undefined.context.issue.mov

Platform

• Version: 1.29.2-1.31.1

Additional context

No response

[maksymskuibida]

UPDATE.

It happens if I redirect from /$lang to /$lang/login. If I redirect from / to /$lang/login it does not happen. Also attached error, that appears in console

undefined.context.issue.2.mov

[SeanCassiere]

Redirects were broken between 1.28.2 and 1.31.1, but on the side of the Router context, nothing has changed in that area in a LONG time.

We'd need a working reproduction for us to be able to diagnose what specifically in your setup is breaking stuff for you.

Also please confirm this issue you are facing on version 1.31.3 as well.

You can create a reproduction using the Router file-based stackblitz starter.

[SeanCassiere]

I tried to reproduce this and wasn't able to recreate this on my end with version 1.31.3.

Here's my attempt: https://stackblitz.com/edit/github-dxj2gr

[mwood23]

@SeanCassiere Managed to repro: https://stackblitz.com/edit/github-dxj2gr-btjqhp

[mintaka2479]

I am having the same issue

https://stackblitz.com/edit/github-dxj2gr-xfuqc1

Case 1

1. Access /about from the address bar of your browser
2. Redirect to /foo
3. Cannot read properties of undefined (reading 'fn') is displayed

Case 2

1. Added defaultGcTime: 0 to createRouter options
2. Access Try me! from Home
3. Cannot read properties of undefined (reading 'fn') is displayed

[maksymskuibida]

@mintaka2479 By any change, do you have any workaround for this issue? Because it brokes login/logout on my website. Now after login and logout I have this issue and user has to reload the page to fix it

[budde377]

Downgrading to 1.26.21 fixed the issue for us.

[maksymskuibida]

Sometimes it also happens with loaderData

[jakst]

Sometimes it also happens with loaderData

For us, loaderData was fixed in 1.31.6. Context is still sometimes undefined though.

[maksymskuibida]

I am on the latest version and contextI can reproduce in one place every time, but one time in console I see error with both content and loader data on latest version, but I don't know, may be something else caused it, because it was only one time on new version. As I use query, now I almost don't use loaderData, so, I cannot say more about it. But context issue is still happening and cause serious problems. As we still develop our app it is not a critical problem, but I hope it will be fixed soon

[ccapndave]

I am experiencing this too - when redirecting from one route to another in beforeLoad, the context becomes undefined in the target route. It was introduced in v1.31.2.