Nexjs some issue: typeError: Cannot read properties of null (reading 'removeEventListener')

[cheelix]

"use client"
import React, { useState } from "react";
import "react-modern-calendar-datepicker/lib/DatePicker.css";
import DatePicker from "react-modern-calendar-datepicker";

const App = () => {
const [selectedDay, setSelectedDay] = useState(null);
return (

);
};

export default App;

The code totally same copy
but ,when I selected a date,
error happened:
Unhandled Runtime Error
TypeError: Cannot read properties of null (reading 'removeEventListener')

[RezaGhx]

#204 (comment)

[ShivBhanKushWaha]

same issue i am facing and the main reason is that after returning the eventListner is not set

[RezaGhx]

check the comment above. you should use an alternative package similar to this one.

[ShivBhanKushWaha]

Ys I will use another package

[SanskarDahiya]

This is an existing legacy issue, and realistically, it’s unlikely that it will be officially fixed anytime soon.
I have patched the package locally and am using the updated version on my end.

If needed, you can either apply the same patch or explore alternative libraries based on your use case.
Sharing the patched code here for reference: