diff --git a/src/poa.tsx b/src/poa.tsx index a61ee47..eb0b8e5 100644 --- a/src/poa.tsx +++ b/src/poa.tsx @@ -1,9 +1,5 @@ -// Workaround for typescript usage -declare module 'mobx-little-router-react*'; -declare module 'mobx-little-router-react/lib/*'; - import * as React from 'react'; -import { Outlet, RouterProvider } from 'mobx-little-router-react/lib'; +const MLRR = require('mobx-little-router-react'); import { reactDomPromisify } from './utils/react-dom-wrapper'; import { Component } from './component'; @@ -31,9 +27,9 @@ class PoaApp extends React.Component<{ config: PoaBootConfig; router: Router }> render() { return ( - - - + + + ); } } @@ -108,4 +104,6 @@ export { observable, action, when, autorun, autorunAsync, IComputedValue, observ // router import { Link } from './router-lib/link'; -export { RouterType, Link, Route, Navigation, Outlet }; +export const Outlet: any = MLRR.Outlet; + +export { RouterType, Link, Route, Navigation }; diff --git a/src/router-lib/link.tsx b/src/router-lib/link.tsx index ac05611..1018c99 100644 --- a/src/router-lib/link.tsx +++ b/src/router-lib/link.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Link as MobxRouterLink } from 'mobx-little-router-react'; +const { Link: MobxRouterLink } = require('mobx-little-router-react'); export function Link(props: any) { return ; diff --git a/src/router-lib/router.ts b/src/router-lib/router.ts index d9b9389..32318e2 100644 --- a/src/router-lib/router.ts +++ b/src/router-lib/router.ts @@ -1,5 +1,5 @@ import { createBrowserHistory, createHashHistory, createMemoryHistory, History } from 'history'; -import { install, Outlet, RouterProvider } from 'mobx-little-router-react'; +const { install, Outlet, RouterProvider } = require('mobx-little-router-react'); import { PoaBootConfig, RouterType, PoaRouteBootConfig } from '../poa.interfaces'; import { getStore, getActions } from '../state-lib/state'; import { addComponentToRegistry, injectPropertyToAllComponents } from '../components-registry';