protected-react-routes-generator - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

dist/index.js

 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /* eslint-disable import/no-anonymous-default-export */
-import React, { Component } from 'react';
+import React, { Component, cloneElement } from 'react';
 import { Route, Redirect } from 'react-router-dom'; // Utils
@@ -91,3 +91,4 @@
                 path: path,
-                component: () => component
+                render: props => /*#__PURE__*/cloneElement(component, { ...props
+                })
               }, routeProps)));
@@ -101,3 +102,4 @@ }
               render: props => {
-                return renderCondition ? component : /*#__PURE__*/React.createElement(Redirect, {
+                return renderCondition ? /*#__PURE__*/cloneElement(component, { ...props
+                }) : /*#__PURE__*/React.createElement(Redirect, {
                   to: redirectPath || fallbackPath
@@ -104,0 +106,0 @@ });

package.json

 {
   "name": "protected-react-routes-generator",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "author": "Mohammed Saber Mohammed",
@@ -5,0 +5,0 @@ "description": "React protected routes generator",

README.md

@@ -8,2 +8,4 @@ # Description
 
+### **You can play with [Demo](https://codesandbox.io/s/protected-react-routes-generator-demos-yuxvc) from here **
+
 # Example
@@ -10,0 +12,0 @@ ```javascript

src/index.js

 /* eslint-disable import/no-anonymous-default-export */
-import React, { Component } from 'react';
+import React, { Component, cloneElement } from 'react';
 import { Route, Redirect } from 'react-router-dom';
@@ -91,3 +91,3 @@ // Utils
                   path={path}
-                  component={() => component}
+                  render={props => cloneElement(component, { ...props })}
                   {...routeProps}
@@ -104,3 +104,3 @@ />
                 render={props => {
-                  return renderCondition ? component : <Redirect to={redirectPath || fallbackPath} />;
+                  return renderCondition ? cloneElement(component, { ...props }) : <Redirect to={redirectPath || fallbackPath} />;
                 }}
@@ -107,0 +107,0 @@ />

No alert changes

Improved metrics

Total package byte prevSize

18119

increased by1.76%

Lines of code

206

increased by0.98%

Number of lines in readme file

147

increased by1.38%

No dependency changes