title: Create a first visit popup in react application?
body: <p>How do I make a first visit popup for my react application? Is it possible to implement using the <a href="https://www.npmjs.com/package/react-popup" rel="noreferrer">react-popup</a> module? I used this module below but it does not seem to work. Can you check and let me know what wrong here.</p>
  
  <p>Below is my homepage:</p>
  
  <pre><code>import React, {Component} from 'react';
  import './HomePage.css';
  import Carousel from 'nuka-carousel';
  import HeaderComponent from '../../components/Header/Header.js';
  import {Decorators} from './decorators.js';
  import Popup from 'react-popup'
  
  
  export default class HomePage extends Component {
      redirectPage = () =&gt; {
      window.location = '#/dashboard';
  }
  
  componentWillMount(){
    Popup.alert('my component')
  }
  
  render() {
      var mixins = [Carousel.ControllerMixin];
      return (
          &lt;div&gt;
              &lt;div className='explore-button-container'&gt;
                  &lt;button id='exploreBtn' onClick={this.redirectPage}&gt;Explore&lt;/button&gt;
              &lt;/div&gt;
  
              &lt;HeaderComponent id='header' location={this.props.location}/&gt;
              &lt;Carousel
                  autoplay={true}
                  autoplayInterval={3000}
                  wrapAround={true}&gt;
                  //Carousel Content
              &lt;/Carousel&gt;
          &lt;/div&gt;
      );
    }
   }
  </code></pre>