Issues with the inbox component

// Inbox.tsx
import { Inbox } from "@novu/react";
import { useNavigate } from "react-router-dom";

function NovuInbox() {
  const navigate = useNavigate();

  return (
    <Inbox
      applicationIdentifier="aCs1wc4F2axM"
      subscriberId="b92f5c1a37d84eb2007e6faa"
      routerPush={(path: string) => navigate(path)}
      appearance={{
        variables: {
          colorPrimary: "#1990FE",
          colorForeground: "#D1D1D0",
          borderRadius: "0px",
        },
      }}
    />
  );
}

export default NovuInbox;

// App.tsx
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
import NovuInbox from "./Inbox";

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/inbox" element={<NovuInbox />} />
      </Routes>
    </Router>
  );
}

export default App;