[DISPATCH-2331] Modernize webconsole code related to react-router-dom

• Type: Improvement
• Status: Open
• Priority: Minor
• Resolution: Unresolved
• Affects Version/s: 1.19.0
• Fix Version/s: 1.20.0
• Component/s: Console
• Assignee: Unassigned
• Reporter: Jiri Daněk
• Created: 17/Feb/22 00:08
• Updated: 08/Jan/24 13:56

Description

Suggestions from https://github.com/apache/qpid-dispatch/pull/1517

• navigating between pages; which is now done inconsistently, either with <Navigate>, or navigate(), or through history.
• the page structure which is supposed to use the <Outlet> feature but it does not

and

Probably one of the things to do is refactor the PageLayout component as a function (but this is out of the scope of this PR honestly) to use directly hooks. So we can avoid passing history and use directly useNavigate and useLocation. Then probably we can avoid passing

Unknown macro: {...props }

because without typescript we lose a bit the control of what we inject in the component. Moreover the High order component 'WithRoute' will be deleted

Issue Links

• is duplicated by: DISPATCH-2339 Update console to React 18 and react-scripts 5
• is duplicated by: DISPATCH-2352 Upgrade console to react 18