title: Maximum call stack size exceeded?
body: <p>i am adding date range picker in my project when i run daterange picker in a seperate project it works fine but when i try to integrate it with my project then i am getting this error with the same code &quot;Uncaught RangeError: Maximum call stack size exceeded&quot;
  here is my code for date range picker
  this is my Date.js file</p>
  <pre><code>
  import React, { Component } from 'react';
  
  import  {DateRangePicker}  from 'react-date-range';
  import { addDays } from 'date-fns';
  
  import moment from 'moment'
  import 'react-date-range/dist/styles.css'; // main style file
  import 'react-date-range/dist/theme/default.css'; // theme css file
  
  class Date extends Component {
    handleSelect(ranges){
      console.log(ranges);
   
    }
    constructor(props) {
      super(props);
      this.state = {
        selectionRange: {
          startDate: new Date(),
          endDate: addDays(new Date(), 7),
         
          key: &quot;selection&quot;
        }
      }
    }
    
  
    handleDateSelect = (item) =&gt; {
      this.setState({
        ...item
      });
    }
  
    render()
    {
   
      return (
     
   
        &lt;DateRangePicker
       
        onChange={(item) =&gt; this.setState({selectionRange: item.selection})}
     
  
        showSelectionPreview={true}
        moveRangeOnFirstSelection={false}
        months={2}
       
        ranges={[this.state.selectionRange]}
       
        direction=&quot;horizontal&quot;
      /&gt;
      );
    }
  }
  
  export default Date
  </code></pre>
  <p>can anyone help me how to fix this ? i am getting this error in my console
  <a href="https://i.stack.imgur.com/EQnqy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EQnqy.png" alt="enter image description here" /></a></p>