update-

src/components/Modal/index.jsx

@@ -23,7 +23,7 @@ const Modal = ({ children, hidden, hangupButton, phoneNumber, callType }) => {
 	// const [callEvents, setCallEvents] = useState({});
 	const [transferModel, setTransferModel] = useState(true);
 	const [numpadModal, setNumpadModal] = useState(false);
-	const [callEvents, setCallEvents] = useContext(contextModalEventProperty);
+	const { callEvents, setCallEvents } = useContext(contextModalEventProperty);
 	// useEffect(() => {
 	// 	boxDialer.setSipStateChangeCallback(setCallEvents, 'setCallEvents');
 	// }, []);

src/context/modalEventProperty.js

 /** @format */
 
-import React, { createContext } from 'react';
-import { useState } from 'react';
+import React, { createContext, useState } from 'react';
 
 export const contextModalEventProperty = createContext(null);
 
 const ModalEventProperty = ({ children }) => {
 	const [callEvents, setCallEvents] = useState({});
 	return (
-		<contextModalEventProperty.Provider value={[callEvents, setCallEvents]}>
+		<contextModalEventProperty.Provider value={{ callEvents, setCallEvents }}>
 			{children}
 		</contextModalEventProperty.Provider>
 	);

src/root/index.jsx

@@ -13,7 +13,7 @@ import { contextModalEventProperty } from '../context/modalEventProperty';
 const Root = ({ wsphonedata, onSetDnd, setWsphonedata, callMethod }) => {
 	const boxDialer = window.BoxDialer;
 
-	const [callEvents, setCallEvents] = useContext(contextModalEventProperty);
+	const { callEvents, setCallEvents } = useContext(contextModalEventProperty);
 	const [phoneModal, setPhoneModal] = useState(false);
 	const [dynamicValue, setDynamicValue] = useState('pending');
 	const [modalState, setModalState] = useState(false);