Upgrade dependencies, handle peer dependencies

Author: drublic

package.json

@@ -17,26 +17,26 @@
     "build": "yarn ts:build",
     "prepublishOnly": "yarn build"
   },
-  "dependencies": {
-    "react": "^16.11.0",
+  "peerDependencies": {
+    "@types/react": "^16.9.17",
+    "@types/react-dom": "^16.9.4",
+    "@types/react-router-dom": "^5.1.3",
+    "react": "^16.12.0",
     "react-router-dom": "^5.1.2"
   },
   "devDependencies": {
-    "@types/react": "^16.9.9",
-    "@types/react-dom": "^16.9.2",
-    "@types/react-router-dom": "^5.1.0",
-    "@typescript-eslint/eslint-plugin": "^2.5.0",
-    "@typescript-eslint/parser": "^2.5.0",
-    "eslint": "^6.5.1",
+    "@typescript-eslint/eslint-plugin": "^2.15.0",
+    "@typescript-eslint/parser": "^2.15.0",
+    "eslint": "^6.8.0",
     "eslint-config-airbnb": "^18.0.1",
-    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-import": "^2.20.0",
     "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-react": "^7.16.0",
-    "http-server": "^0.11.1",
-    "react-dom": "^16.11.0",
+    "eslint-plugin-react": "^7.17.0",
+    "http-server": "^0.12.1",
+    "react-dom": "^16.12.0",
     "ts-loader": "^6.2.1",
-    "typescript": "^3.6.4",
-    "webpack": "^4.41.2",
-    "webpack-cli": "^3.3.9"
+    "typescript": "^3.7.4",
+    "webpack": "^4.41.5",
+    "webpack-cli": "^3.3.10"
   }
 }

src/PrivateRoute.tsx

@@ -10,7 +10,7 @@ const PrivateRoute: FunctionComponent<Props> = ({
   isAuthorized,
   onUnauthorized,
   ...props
-}): ReactElement | null => {
+}): ReactElement<any> | null => {
   if (!isAuthorized) {
     if (typeof onUnauthorized === "function") {
       onUnauthorized(props);

src/Walls.tsx

@@ -19,15 +19,15 @@ interface Props {
   routes: RouteProps[];
   isAuthorized?: boolean;
   onUnauthorized?: (props: any) => void;
-  children?: ReactElement;
+  children?: ReactElement<any>;
 }
 
 const Walls: FunctionComponent<Props> = ({
   routes,
   isAuthorized = false,
   onUnauthorized,
   children,
-}): ReactElement => {
+}): ReactElement<any> => {
   const PrivateRouteAny = PrivateRoute as any;
 
   return (
@@ -37,7 +37,7 @@ const Walls: FunctionComponent<Props> = ({
 
         <Switch>
           {routes.map(
-            (route: RouteProps): ReactElement => {
+            (route: RouteProps): ReactElement<any> => {
               const { private: privateRoute, id, ...props } = route;
               const key = `route-${id || (Math.random() * 10000).toFixed(4)}`;
 

src/__tests__/visual/Container.tsx

@@ -5,7 +5,7 @@ import Walls from "../../../index";
 
 import routes from "./routes";
 
-const Container = (): ReactElement => (
+const Container = (): ReactElement<any> => (
   <Walls routes={routes}>
     <nav>
       <ul>

src/__tests__/visual/routes.tsx

@@ -4,21 +4,21 @@ export default [{
   private: false,
   exact: true,
   path: "/",
-  render: (): ReactElement => (
+  render: (): ReactElement<any> => (
     <p>Home</p>
   ),
 }, {
   private: false,
   exact: true,
   path: "/foo",
-  render: (): ReactElement => (
+  render: (): ReactElement<any> => (
     <p>Foo</p>
   ),
 }, {
   private: true,
   exact: true,
   path: "/bar",
-  render: (): ReactElement => (
+  render: (): ReactElement<any> => (
     <p>Bar (Private)</p>
   ),
 }];