How can i update a value that comes from router in nextjs

so im facing an issue where i need to update values in a table which are pushed from another component through router.push from nextJS, and it is working as expected, but i want to update the values that are passed through the router

setValues(values.map(x => {
      return x.id == uniqueId 
       ? {
           ...x,
           debt: res.data.debt
         }
       : x;
    })

and when i update my state original values, it correctly renders its new values , but nothing happens to the routed values stored in the same state, anyone has tried a method to also render the 'routed' with new values?,

any help or idea will be much appreciated