Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/omkarcloud/cogo-toast-react-17-fix
A compatibility fix for the 'cogo-toast' library enabling seamless use with React 17 and newer versions.
https://github.com/omkarcloud/cogo-toast-react-17-fix
cogo-toast compatibility-fix customizable-ui error-handling frontend javascript message-toast notification-system react react-components react-hooks react-library react-ui react17 reactjs-toast toast-notifications ui-components ui-library user-feedback web-development
Last synced: 25 days ago
JSON representation
A compatibility fix for the 'cogo-toast' library enabling seamless use with React 17 and newer versions.
- Host: GitHub
- URL: https://github.com/omkarcloud/cogo-toast-react-17-fix
- Owner: omkarcloud
- License: mit
- Created: 2024-03-09T08:54:01.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-03-09T09:02:15.000Z (11 months ago)
- Last Synced: 2024-12-30T03:44:30.143Z (28 days ago)
- Topics: cogo-toast, compatibility-fix, customizable-ui, error-handling, frontend, javascript, message-toast, notification-system, react, react-components, react-hooks, react-library, react-ui, react17, reactjs-toast, toast-notifications, ui-components, ui-library, user-feedback, web-development
- Language: TypeScript
- Homepage:
- Size: 1.36 MB
- Stars: 1
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
## cogo-toast-react-17-fix
A compatibility fix for the popular 'cogo-toast' package that resolves dependency conflicts with React 17+.
**Problem**
The original cogo-toast library has a strict peer dependency on React 16. This causes installation and compatibility issues when used with React 17 or newer versions.
**Solution**
The 'cogo-toast-react-17-fix' package provides the necessary modifications to ensure that cogo-toast functions correctly within React 17+ environments.
**Installation**
```bash
npm install cogo-toast-react-17-fix
```**Usage**
Import and use the provided `cogoToast` component exactly as you would in the original 'cogo-toast' package. There are no additional changes required.
```javascript
import cogoToast from 'cogo-toast-react-17-fix';cogoToast.success('This is a success message!');
```**Example**
```javascript
import React from 'react';
import cogoToast from 'cogo-toast-react-17-fix';const App = () => {
const handleButtonClick = () => {
cogoToast.error('This is an error message!');
}return (
Show Error Toast
);
}export default App;
```**Important Notes**
* Please refer to the original 'cogo-toast' documentation for detailed usage and customization of toast messages: [https://github.com/Cogoport/cogo-toast](https://github.com/Cogoport/cogo-toast)
---## Love It? [Star It ⭐!](https://github.com/omkarcloud/cogo-toast-react-17-fix)
Become one of our amazing stargazers by giving us a star ⭐ on GitHub!
It's just one click, but it means the world to me.
[![Stargazers for @omkarcloud/cogo-toast-react-17-fix](https://bytecrank.com/nastyox/reporoster/php/stargazersSVG.php?user=omkarcloud&repo=cogo-toast-react-17-fix)](https://github.com/omkarcloud/cogo-toast-react-17-fix/stargazers)