js файл не загружается при переключении страниц в реагирующем маршрутизаторе

Question

У меня есть приложение календаря, которое загружает календарь, когда я переключаюсь на эту страницу в реакции, но когда я переключаюсь на домашнюю страницу и затем обратно в календарь, календарь не загружается.

calendar:

import generateCal from './js/generateCal'; 
export default function calendarContent() {
    return (
    <div id="cal">
        //Calendar would be printed here
    </div> 
)}

JS файл для календаря:

window.onload = prntCal;
function prntCal() {
docuemnt.getElementById("cal").innerHTML = "uploaded";
}

Маршрутизация:

<Router>
    <Header />
    <Switch>
      <Route path='/home' exact component={Home} />
      <Route path='/calendar' component={Calendar} />
    </Switch>
    <Footer />
  </Router>