How to use the mobx-router.Route function in mobx-router

// views
// import Redirect from "./../Redirect/Redirect";
import DomainViewer from "./DomainViewer";
import NewPost from "./NewPost";
import ArticleView from "./ArticleView";

const views = {
  home: new Route({
    path: "/",
    component: ,
    beforeEnter: () => {
      store.app.states.fetchingArticles = true;
    }
  }),
  newPost: new Route({
    path: "/newPost",
    component: ,
    beforeEnter: (route, params, propStore) =>
      propStore.app.states.menuStates.signedIn
  }),
  articleView: new Route({
    path: "/article/:fileHash",
    component: ,
    beforeEnter: () => {
      store.app.currentArticle = undefined;
    }
  }),
  postPage: new Route({
    path: "/posts/page/:page",
    component: ,
    beforeEnter: () => {

import React from "react";

// models
import { Route } from "mobx-router";

import store from "./../../lib/store";

// views
// import Redirect from "./../Redirect/Redirect";
import DomainViewer from "./DomainViewer";
import NewPost from "./NewPost";
import ArticleView from "./ArticleView";
import SignInView from "./SigninView";

const views = {
  home: new Route({
    path: "/",
    component: ,
    beforeEnter: () => {
      store.app.states.fetchingArticles = true;
    }
  }),
  newPost: new Route({
    path: "/newPost",
    component: 
  }),
  articleView: new Route({
    path: "/article/:fileHash",
    component: ,
    beforeEnter: () => {
      store.app.currentArticle = undefined;
    }

import React from "react";

// models
import { Route } from "mobx-router";

import store from "./../../lib/store";

// views
// import Redirect from "./../Redirect/Redirect";
import DomainViewer from "./DomainViewer";
import NewPost from "./NewPost";
import ArticleView from "./ArticleView";

const views = {
  home: new Route({
    path: "/",
    component: ,
    beforeEnter: () => {
      store.app.states.fetchingArticles = true;
    }
  }),
  newPost: new Route({
    path: "/newPost",
    component: ,
    beforeEnter: (route, params, propStore) =>
      propStore.app.states.menuStates.signedIn
  }),
  articleView: new Route({
    path: "/article/:fileHash",
    component: ,
    beforeEnter: () => {

path: '/entity/:entityname',
    component: ,
    beforeExit: (route, params, store, queryParams) => {
      store.beforeListViewExit(route, params, store, queryParams)
    },
    beforeEnter: (route, params, store, queryParams) => {
      store.beforeListViewEnter(route, params, store, queryParams)
    },
    onEnter: (route, params, store) => {
      store.showEntityListView(params.entityname)
    },
    onParamsChange: (route, nextParams, store, nextQueryParams) => {
      store.onListParamsChange(nextParams, nextQueryParams)
    }
  }),
  entity_detail: new Route({
    path: '/entity/:entityname/:id',
    component: ,
    onEnter: (route, params, store) => {
      store.showEntityUpdateView(params.entityname, params.id)
    },
    onParamsChange: (route, nextParams, store) => {
      store.showEntityUpdateView(nextParams.entityname, nextParams.id)
    }
  })
}

export default views

import React from 'react'
import { Route } from 'mobx-router'

//components
import EntityList from './components/entity_list'
import EntityEdit from './components/entity_edit'
import LoginPage from './components/login'

const qparsRegex = /\/posts\?(page=(\d)+)?(&sortField=(\w)+)?(&sortDir=ASC|DESC)?(&filters=(.*))?/

const views = {
  login: new Route({
    path: '/',
    component: ,
    beforeEnter: (route, params, store) => {
      store.showLogin()
    }
  }),
  entity_list: new Route({
    path: '/entity/:entityname',
    component: ,
    beforeExit: (route, params, store, queryParams) => {
      store.beforeListViewExit(route, params, store, queryParams)
    },
    beforeEnter: (route, params, store, queryParams) => {
      store.beforeListViewEnter(route, params, store, queryParams)
    },
    onEnter: (route, params, store) => {

}),
  postPage: new Route({
    path: "/posts/page/:page",
    component: ,
    beforeEnter: () => {
      store.app.states.fetchingArticles = true;
    }
  }),
  categoryPage: new Route({
    path: "/category/:category/page/:page",
    component: ,
    beforeEnter: () => {
      store.app.states.fetchingArticles = true;
    }
  }),
  signIn: new Route({
    path: "/signin",
    component: ,
    beforeEnter: () => {
      store.app.states.fetchingArticles = false;
    }
  })
};

export default views;

beforeEnter: () => {
      store.app.states.fetchingArticles = true;
    }
  }),
  newPost: new Route({
    path: "/newPost",
    component: 
  }),
  articleView: new Route({
    path: "/article/:fileHash",
    component: ,
    beforeEnter: () => {
      store.app.currentArticle = undefined;
    }
  }),
  postPage: new Route({
    path: "/posts/page/:page",
    component: ,
    beforeEnter: () => {
      store.app.states.fetchingArticles = true;
    }
  }),
  categoryPage: new Route({
    path: "/category/:category/page/:page",
    component: ,
    beforeEnter: () => {
      store.app.states.fetchingArticles = true;
    }
  }),
  signIn: new Route({
    path: "/signin",
    component: ,

import React from "react";
import { Route } from "mobx-router";

//components
import Home from "views/Home";

const views = {
  home: new Route({
    id: "home",
    path: "/",
    component: ,
    onEnter: (route, params, store, queryParams) => {
      let hasInitUrl = queryParams.initurl && queryParams.initurl.trim() !== "";
      store.app.setUrl(hasInitUrl ? queryParams.initurl : "http://kitze.io");
    }
  })
};

export default views;

}
  }),
  newPost: new Route({
    path: "/newPost",
    component: ,
    beforeEnter: (route, params, propStore) =>
      propStore.app.states.menuStates.signedIn
  }),
  articleView: new Route({
    path: "/article/:fileHash",
    component: ,
    beforeEnter: () => {
      store.app.currentArticle = undefined;
    }
  }),
  postPage: new Route({
    path: "/posts/page/:page",
    component: ,
    beforeEnter: () => {
      store.app.states.fetchingArticles = true;
    }
  }),
  categoryPage: new Route({
    path: "/category/:category/page/:page",
    component: ,
    beforeEnter: () => {
      store.app.states.fetchingArticles = true;
    }
  })
};

export default views;