Recently we had a requirement where we needed to synchronise UI state with url changes/updates. To be specific, we wanted to render section by passing it via query params http://localhost:3000?section=categories // Renders categories component http://localhost:3000?section=detail?name=jack // Renders detail component and name parameter has a value, 'jack'. It is important to…