usePrams showing all params as one paramteter

I creating breadcrumbs that use navigate logic (navigate(-1)) for example so any search parameters that was used will stay there.

the problem i am facing is that i need these breadcrumbs to not include any url parameters.

i have a route like this

/branch/:branchCode/dispatch/:trainNumber/dockets/:docketId/logs

when i use this in my breadcrumb component

import {useParams} from 'react-router-dom'
const params = useParams();

the response is

{
  *:"XX920230328/dockets/6438a6fb794e8f3482f4557c/logs",
  branchCode:"KAW" }

any idea on what would cause use params to merge all of them together?