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';