Bug in color fallback values

[midas-myth]

Hi, there seems to be a bug, as there is no color in scope

react-date-range/src/components/DateRange/index.js

Line 123 in 6f86cca

const color = ranges[focusedRange[0]]?.color || rangeColors[focusedRange[0]] || color;

[aniruddhapw]

can you assign me this issue

[abdelrahmanes]

Yeah, I have the same issue,
it throws
Uncaught ReferenceError: Cannot access 'color' before initialization

[Gourav-Chouhan]

Hi, there seems to be a bug, as there is no color in scope

react-date-range/src/components/DateRange/index.js

Line 123 in 6f86cca

const color = ranges[focusedRange[0]]?.color || rangeColors[focusedRange[0]] || color;

If you want to just see the date ranges and not interact with it, you can disable pointer events for that div.

.rdrMonth {
  pointer-events: none !important;
}

[70Ni]

Found this solution:

Copy the code from the preview: https://hypeserver.github.io/react-date-range/#calendar

  <DateRange
              editableDateInputs={true}
              onChange={(item) => setState([item.selection])}
              moveRangeOnFirstSelection={false}
              ranges={state}
            />

[Yuting411]

@70Ni
Thank you for your suggestion. The method you provided was helpful.