Fix strict mode bugs

development/App.jsx

@@ -0,0 +1,17 @@
+import './index.scss';
+import './../src/styles/index.scss';
+import React from 'react';
+import {Provider} from 'react-redux';
+import ReduxToastr from '../src';
+import Menu from './Menu';
+
+export default function App(props) {
+  return (
+    <Provider store={props.store}>
+      <div className="wrapper">
+        <ReduxToastr preventDuplicates position="bottom-left"/>
+        <Menu />
+      </div>
+    </Provider>
+  );
+}

development/Menu.js → development/Menu.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {toastr} from './../src/';
+import {toastr} from '../src';
 import loremIpsum from 'lorem-ipsum';
 import Avatar from './Avatar';
 import messageText from './messageText';

development/client.js → development/client.jsx

@@ -1,5 +1,5 @@
 'use strict';
-import React from 'react';
+import React, {StrictMode} from 'react';
 import createStore from './store';
 import App from './App';
 import ReactDOM from "react-dom/client";
@@ -8,5 +8,7 @@ const store = createStore();
 const root = ReactDOM.createRoot(document.getElementById("app"));
 
 root.render(
+  <StrictMode>
     <App store={store} />
+  </StrictMode>
 );

src/ReduxToastr.jsx

@@ -41,8 +41,6 @@ export class ReduxToastr extends React.Component {
     }
   };
 
-  toastrFired = {};
-
   toastrPositions = [
     'top-left',
     'top-right',
@@ -72,11 +70,6 @@ export class ReduxToastr extends React.Component {
     EE.removeListener('clean/toastr');
     EE.removeListener('removeByType/toastr');
     EE.removeListener('remove/toastr');
-    this.toastrFired = {};
-  }
-
-  _addToMemory(id) {
-    this.toastrFired[id] = true;
   }
 
   _renderToastrForPosition(position) {
@@ -100,8 +93,6 @@ export class ReduxToastr extends React.Component {
           return (
             <div key={item.id}>
               <ToastrBox
-                inMemory={this.toastrFired}
-                addToMemory={() => this._addToMemory(item.id)}
                 item={mergedItem}
                 {...this.props}
               />

src/ToastrBox.jsx

@@ -59,8 +59,6 @@ export default class ToastrBox extends React.Component {
 
   componentDidMount() {
     const {item} = this.props;
-    if (this.props.inMemory[item.id]) return;
-
     const timeOut = this._getItemTimeOut();
 
     if (timeOut) {
@@ -76,7 +74,6 @@ export default class ToastrBox extends React.Component {
     if (this.toastrBoxElement) {
       this.toastrBoxElement.addEventListener('transitionend', this._onAnimationComplete);
     }
-    this.props.addToMemory(item.id);
 
     if (this.closeButton !== undefined && !item.options.disableCloseButtonFocus) {
       this.closeButton.focus();

webpack/base.js

@@ -6,7 +6,7 @@ const config = require('../config');
 module.exports = {
   target: 'web',
   entry: {
-    app: path.join(config.path_base, '/' + config.dir_client + '/client.js')
+    app: path.join(config.path_base, '/' + config.dir_client + '/client.jsx')
   },
   output: {
     path: path.join(config.path_base + '/dist'),

webpack/development.js

@@ -6,7 +6,7 @@ const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin'
 baseConfig.entry.app = [
   `webpack-dev-server/client?http://localhost:${config.server_port}`,
   'webpack/hot/only-dev-server',
-  `${config.path_base}/${config.dir_client}/client.js`
+  `${config.path_base}/${config.dir_client}/client.jsx`
 ];
 
 baseConfig.devtool = 'inline-source-map';