title: Objects are not valid as a React child (found: object with keys {$$typeof, render}) react-alert
body: <p>I have this problem with React and react-alert</p>
  <p>here I make the call, the AlertProvider and Alerts, the latter is a file, where I configure the Alerts, but I generate an error, in the console I get the error the of title:</p>
  <blockquote>
  <p>Uncaught Error: Objects are not valid as a React child (found: object
  with keys {$$typeof, render}). If you meant to render a collection of
  children, use an array instead.</p>
  </blockquote>
  <p>and it disappears when I put it in comment</p>
  <p>Codigo App.js</p>
  <pre><code>import React, {Component, Fragment} from 'react';
  import ReactDOM, { render } from 'react-dom';
  
  import { transitions, positions, Provider as AlertProvider } from 'react-alert';
  import AlertTemplate from 'react-alert-template-basic';
  
  import Header from './layout/Header';
  import Dashboard from './leads/Dashboard';
  import Alerts from './layout/Alerts';
  
  import { Provider } from 'react-redux';
  import store from '../store';
  
  
  // Alert Options
  
  const options = {
      timeout: 3000,
      position: &quot;top center&quot;
  }
  
  class App extends Component{
      render() {
          return (
              &lt;Provider store={store}&gt;
                  &lt;AlertProvider template={AlertTemplate} {...options}&gt;
                      &lt;Fragment&gt;
                          &lt;Header /&gt;
                          &lt;Alerts /&gt;
                          &lt;div className=&quot;container&quot;&gt;
                              &lt;Dashboard /&gt;
                          &lt;/div&gt;
                      &lt;/Fragment&gt;
                  &lt;/AlertProvider&gt;
              &lt;/Provider&gt;
          );
      }
  }
  
  ReactDOM.render(&lt;App/&gt;, document.getElementById('app'));
  </code></pre>
  <p>the problem is present when I call  in the App.js</p>
  <p>codigo Alerts.js</p>
  <pre><code>import React, { Component, Fragment } from 'react';
  import { withAlert } from 'react-alert';
  import { connect } from 'react-redux';
  import PropTypes from 'prop-types';
  
  export class Alerts extends Component {
  
      static propTypes = {
          error: PropTypes.object.isRequired
      }
  
      componentDidUpdate() {
          this.props.alert.show(&quot;It Works&quot;);
      }
  
      render() {
          return &lt;Fragment /&gt;;
      }
  }
  
  
  const mapStateToProps = state =&gt; ({
      error: state.errors
  });
  
  
  export default connect(mapStateToProps)(withAlert(Alerts));
  </code></pre>