How to use React Routing into Webview for VSCode extensions?

** Intro ** Recently I've faced with issue how to implement navigation between views into my VSCode extension based on ReactJS.

At first sight it looks that webview allows you to work into it like with web app into the browser. It actually is, but with some restrictions.

react-routing-dom

DOM bindings for React Router

I've started with 1st basic example but got failed because webview doesn't support URL into VSCode extensions.

So, I've got t great solution on SO. Instead of using links with navigation over URL you should use createMemoryHistory or MemoryRouter I've started to use the last one for myself.

See code example my the link to my blog

My Stack

More stacks from Aleksandr Filatov