Как можно динамически подгружать и удалять стили в React?

Всем привет. Переношу проект на со статики на React. В проекте много страниц, пока около 10, но в теории будет больше 100 и для каждой написан свой стиль. Приложение сделано в духе минимума передаваемых данных. Для перехода решил использовать Route. И столкнулся с такой проблемой, стили между страницами накладываются друг на друга. Это плохо как со стороны дизайн так как верстка едет да и если представить что пользователь пройдется по нескольким страницам, пускай посидит часик, пройдется по страницам 100 человек и это уже почти гиг ненужных данных на странице в виде не используемых стилей.

Я решил перебрать пару вариантов: Пытался производить импорт внутри render или писать ...</> с нужными стилями а старые подчищать. Но ничего не работает. Можно ли как-то подчищать стили в пределах Route, чтобы при удалении компонента импортированные стили удалялись?