How to remove match.params from the router when redirecting?

Question

JavaScript

My routes look like this:

const routes = [
  {
    path: '/',
    component: Home,
  },
  {
    path: '/chat',
    component: Chat,
  },
  {
    path: '/chat/:action',
    component: Chat,
  }
];

When a user visits the /chat/success URL, he is redirected to /chat like this: Then the dialogue goes on and he gets a similar link again: /chat/success /chat, but the component still has match.params.action == 'success' I found a way out, do forceRefresh, but maybe there is some other way to clear match.params after history.push
history.push('/chat');

Answer 1

I think, instead of parameters, nested routes are more suitable here. Parameters are usually used to work with dynamic content.