Handling empty object in useSearch hook

[chiubaca]

I'm currently tinkering with a very simple mapping application and would like to sync the coordinates of the map with search params. Something slightly annoying which I'm not sure how handle is that the useSearch hook returns a union of an empty object and my expected type. e.g:

Here is how I have configured my route:

perhaps my mental model is incorrect. But I assumed that because I've validated the params in validateSearch we should be able assume we definitely have those search params available to use. I dont like the ergonomics of having to check the object is not empty every time. Hope this all makes and someone can advise 🙏

[chiubaca]

Ah figure it out.

instead of:

const search = useSearch({from: '/ })

I had to do this instead:

import { indexRoute } from "../router";
/**
* export const indexRoute = new Route({
*  getParentRoute: () => rootRoute,
*  path: "/",
*  component: Map,
*  validateSearch: (search) => indexSearchSchema.parse(search),
});
**/


 const search = useSearch({ from: indexRoute.id });

and i could also refactor to this with TS moaning:

 const {lat, lng} = useSearch({ from: indexRoute.id });

[anjitpariyar]

isnt Importing indexRouter and writing manually '/' is same?
Im trying to create a custom hook , so the from value must be dynamic.

`
const useFilter = (from?: ValidRoutes) => {

const search = useSearch({
from: from,
strict: false,
})
`
like this but getting type error as , validRoutes is only '/dashboard' not '/_dasahboard/dashboard'

do you know any types that tanstackrouter provide that i can use?