almond-bongbong / react-simple-toasts Goto Github PK

Hey guys.

Congrats for this awesome little yet useful package.

I guess you already know, but currently the implementation is not supported by the newest version of React (>18.0.0). Every time the toast function is executed, this error prompts in the console:

Any chance you are already working on a new workaround instead of using ReactDOM.render?

Thanks in advance!

Problem Description

The current document page does not display correctly on mobile devices, and the layout is broken. Optimization for mobile devices is required to ensure that users can view the page smoothly across various devices.

Expected Solution

• Apply responsive design to accommodate different screen sizes.
• If necessary, design a separate layout that considers the user experience in the mobile environment.

Additional Information

Testing and validation in the mobile environment are required, and consistency across devices must be maintained.

After installing the module from npm, I get the following runtime exceptions:

Module not found: Error: Can't resolve '/Users/cmlee/Code/react-simple-toasts/node_modules/tslib/tslib.es6.js'

and

Module not found: Error: Can't resolve '/Users/cmlee/Code/react-simple-toasts/node_modules/style-inject/dist/style-inject.es.js'

I don't use Typescript for my React project. Following the path with the user 'cmlee', I suspect something has gone wrong on the export / building of the package, maybe only for non-TS users?

I am getting the following error -

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
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.8.0 || ^16.9.3" from [email protected]
npm ERR! node_modules/react-simple-toasts
npm ERR!   react-simple-toasts@"*" 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!