bay0 / react-app-protect Goto Github PK

I am trying to install this with a CRA app with react 17

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: app@0.1.0
npm ERR! Found: react@17.0.2
npm ERR! node_modules/react
npm ERR!   react@"^17.0.2" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.0.0" from react-app-protect@1.0.7
npm ERR! node_modules/react-app-protect
npm ERR!   react-app-protect@"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 

Using as per example in readme results in the following warning in console:

Styled component classes override, making it impossible to customize passed the wrapper class without targeting specific elements like input or button - Would be better if you included a styles prop on the main Protect wrapper to pass in custom styles for the inner components, ie: button, input, box, header.

Example:

<Protect styles={{
     input: { width: "100%" },
     button: { background: "blue" },
     header: { background: "red" },
     wrapper: { background: "green" }
}}>{children}</Protect>

Peer dep locked at react 17.

This has occasionally popped up in both development and production environments. If I clear my localstorage cookies and reenter the password, the error is resolved. Since I don't think the stored cipher value is getting changed, could this be related to inconsistent parsing of that value?