Framework 7 React Router Not Working

Hello,

I am trying to use a router. But the router is not working correctly. I am always redirected to homepage

my app.jsx

import React from 'react';
import {
  App,
  View,
} from 'framework7-react';
import HomePage from "./pages/HomePage";
import AboutPage from "./pages/AboutPage";
import NotFoundPage from "./pages/NotFoundPage";    
const f7params = {
      name: 'My App',
      id: 'com.myapp.test',
      routes: [
        {
          path: '/',
          component: HomePage,
        },
        {
          path: '/about/',
          component: AboutPage,
        },
        {
          path: '/login/',
          component: NotFoundPage,
        },
      ],
    };

    export default () => (
        <App { ...f7params }>
          <View main url="/" />
        </App>
    )