how to navigate to dynamic route using hard-coded path?

This is the route

blogs/$id

blogs/$id

blogs/$id

blogs/$id and I wanna navigate to

/blogs/1

/blogs/1

/blogs/1

/blogs/1

when I did this

 navigate({ to: '/blogs/1',});

navigate({ to: '/blogs/1',});

 navigate({ to: '/blogs/1',});

navigate({ to: '/blogs/1',}); I get error

Type '"/blogs/1"' is not assignable to type '"/" | "." | ".." | "/about" | "/blog/$blogId" | "/blogs/$id"'.

Type '"/blogs/1"' is not assignable to type '"/" | "." | ".." | "/about" | "/blog/$blogId" | "/blogs/$id"'.

Type '"/blogs/1"' is not assignable to type '"/" | "." | ".." | "/about" | "/blog/$blogId" | "/blogs/$id"'.

Type '"/blogs/1"' is not assignable to type '"/" | "." | ".." | "/about" | "/blog/$blogId" | "/blogs/$id"'.