/Javascript/React/Toastify react not working

Toastify react not working

React toastify does not have design

  import React, { Component } from 'react';
  import { ToastContainer, toast } from 'react-toastify';
  import 'react-toastify/dist/ReactToastify.css';
  // minified version is also included
  // import 'react-toastify/dist/ReactToastify.min.css';

  class App extends Component {
    notify = () => toast("Wow so easy !");

    render(){
      return (
        <div>
        <button onClick={this.notify}>Notify !</button>
          <ToastContainer />
        </div>
      );
    }
  }

Source: stackoverflow.com

Toastify react not working

add toast.configure(); after toast

Similar codes

0 vote356 views1 answer
Metro server not running react native
Javascript React
1 vote387 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
2 votes358 views2 answers
Chrome back button click event react
Javascript React
0 vote385 views1 answer
React native skeleton
Javascript React
0 vote354 views1 answer
Saving react code messing up in vsc
Javascript React
0 vote435 views2 answers
Combine p5 with react
Javascript React
-2 votes364 views1 answer
Reactsj substring
Javascript React
10 votes313 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote378 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
8 votes381 views3 answers
React Lazy()
Javascript React