App.js

App.js

<Root>
      <header className="header">
        <h1 className="header-h1">React-Static & Cosmic JS blog</h1>
        <nav className="header-nav">
          <Link getProps={isActive} className="header-link" to="/">
            Home
          </Link>
          <Link getProps={isActive} className="header-link" to="/about">
            About
          </Link>
        </nav>
    </header>
      <div className="content">
        <React.Suspense fallback={<em>Loading...</em>}>
          <Router>
            <Dynamic path="dynamic" />
            <Routes path="*" />
          </Router>
        </React.Suspense>
      </div>
 <Root>