I am calling another from current component

<Link to={`/${props.certificate.id}/edit` } >Edit</Link>

in the receiving component I am receiving it using props.

export function EditCertificate(props: any)

then I am accepting id as

const {id} = props.match.params;

so in the url below is coming but EditCertificate component is not getting launched.

http://localhost:4200/934108e0-ca73-4837-bbf2-26482ece1cb6/edit

in the route I have defined below.

<SecureRoute path=":id/edit">
  <EditCertificate id={":id"} />
</SecureRoute>;

what mistake I am doing?