T
TanStack•16mo ago
multiple-amethyst

How to return the last page without search params?

// ** TanStack Router Import
import {useRouter} from "@tanstack/react-router"

// ** Ui Imports
import Ui from '#ui/imports.jsx';

// ** Icon Imports
import Icon from '#core-ui/components/icon/index.jsx'

export default function Return() {
    const router = useRouter()
    
    return (
        <Ui.Tooltip title="Voltar">
            <Ui.IconButton onClick={() => router.history.back()}>
                <Icon icon="mdi:keyboard-return"/>
            </Ui.IconButton>
        </Ui.Tooltip>
    )
}
// ** TanStack Router Import
import {useRouter} from "@tanstack/react-router"

// ** Ui Imports
import Ui from '#ui/imports.jsx';

// ** Icon Imports
import Icon from '#core-ui/components/icon/index.jsx'

export default function Return() {
    const router = useRouter()
    
    return (
        <Ui.Tooltip title="Voltar">
            <Ui.IconButton onClick={() => router.history.back()}>
                <Icon icon="mdi:keyboard-return"/>
            </Ui.IconButton>
        </Ui.Tooltip>
    )
}
3 Replies
fascinating-indigo
fascinating-indigo•16mo ago
please explain in more detail what you want to do
multiple-amethyst
multiple-amethystOP•16mo ago
For example my last page router is: "hr/person/list" Then i click on the person to see details: "hr/person/show/:id But on the page, i have mutiples buttons to see relation of the person, i use search params, then router become this: "hr/person/show/:id?tab="relationGroup" The problem using router.history.back(), i want to return this: "hr/person/list" and not this: "hr/person/show/:id router.history.back is only removing the search params and it is not going to the last page
conventional-tan
conventional-tan•16mo ago
Don't think that's possible. The browser back button also doesn't work like this.

Did you find this page helpful?