Replacing locationState props with useLocation?

[billsaysthis]

Our existing component has this props interface:

type AllProps = { location: { search: string; pathname: string; state?: { tab: string; status: SMSListingStatusToast } } }

But if I change the route from a to b and inside the component switch from deconstructing props to deconstructing useLocation I get TS errors like Property 'tab' does not exist on type 'LocationState'

component: ComponentType<any> | null

a:  <Route path={props.path} exact={exact} component={component} />

b: 
      const Component = component
      <Route path={props.path} exact={exact}>
        <Component />
      </Route>

Note: I get the same error even if I use AllProps to type useLocation.