How to use search in <Navigate to='login' search={}/>

[Jared-Dahlke]

hello,
Thanks for the amazing library.

I'm trying to use search params to pass a redirect URL to the login page. Does anyone have an example of how to do this?

I can't seem to get this to work no matter what I try.

Here is what i'm trying:

My <Auth/> route:

function Auth({ children, ...rest }) {
    const search = useSearch()
    var authToken = rest.authToken

    if (!authToken) {
        authToken = localStorage.getItem('token')
        if (authToken) {
            rest.setAuthToken(authToken)
        }
    }

    if (isValidToken(authToken)) {
        return <Outlet />
    }
    search.redirectedFrom = window.location.href
    return <Navigate to="/login" search={search} />
}

And my <Login/> file:

const { redirectedFrom } = useSearch<LoginLocationGenerics>()

if (props.isLoggedIn) {
    return <Navigate to={redirectedFrom || '/app/settings/account'} />
}
return (
    ...standard login form
)

[Jared-Dahlke]

I ended up fixing this, i had to add this to my authroute because for some reason the redirect param kept getting set to /login

if (window.location.pathname !== '/login') {
        search.redirect = window.location.pathname + window.location.search + window.location.hash
  
    }

Here's the final working AuthRoute:

function Auth({ children, ...rest }) {
    const search = useSearch()
    var authToken = rest.authToken

    if (!authToken) {
        authToken = localStorage.getItem('token')
        if (authToken) {
            rest.setAuthToken(authToken)
        }
    }

    if (isValidToken(authToken)) {
        return <Outlet />
    }
    if (window.location.pathname !== '/login') {              ****This if statement is what I was missing******
        search.redirect = window.location.pathname + window.location.search + window.location.hash
    }
    return <Navigate to="/login" search={search} />
}

[Jared-Dahlke]

I would stilll like confirmation that I am creating and using "search" properly in <Navigate/> , this is nowhere in examples or docs