I want to use f7router from F7 v6 in a class component and I didn't figure how

Hi I want to update my project from v4 to v6 and it’s written by class components. and I want to use f7routes in my class component. here is the code

import React from 'react';
import autobind from 'autobinde-decorator';

import { Component } from 'core/components';
import { HomePage } from 'content/pages';

class Home extends Component {
        this.state = {};

    render() {
       return (
          <HomePage  navigate={this.$f7router} />
export default autobind(Home);