Routing в расширении Chrome, используя React

Код роутинга.

Говорим про /DIY. Если использовать с #, то не рендерится элемент, но при обновлении не крашится.

Если использовать вложенность, то крашится при обновлении, но всё рендерится.

Я пришел к тому, что если использовать # или #! в ссылке (пример: chrome-extension://fgsggd/script.html#DIY or chrome-extension://fgdfg/script.html#!DIY), то не крашится при обновлении, но не рендерится. Если использовать простой путь, как на сайте (пример chrome- extension://fgdfgdfg/script.html/DIY или chrome-extension://fgdfg/DIY), то все рендерится, но при обновлении крашится. Спасибо!