update

package.json

 {
 	"name": "boxdialer",
-	"version": "2.0.0",
+	"version": "2.0.1",
 	"description": "",
 	"main": "src/boxDialer.js",
 	"scripts": {

src/index.js

@@ -6,6 +6,7 @@ import { Toaster } from 'react-hot-toast';
 import { BoxDialer } from './lib/boxDIaler';
 import Root from './root';
 import './index.css';
+import ControlRenderBX from './lib/controlRenderBX';
 window.BoxDialer = new BoxDialer();
 
 const container = document.getElementById('boxdialerwidjet');
@@ -14,6 +15,8 @@ const root = createRoot(container);
 root.render(
 	<React.StrictMode>
 		<Toaster />
-		<Root />
+		{/* {controlRenderBX({ rootComponent: <Root /> })} */}
+		{/* <Root /> */}
+		<ControlRenderBX rootComponent={<Root />} />
 	</React.StrictMode>,
 );

src/lib/controlRenderBX.jsx

+/** @format */
+import React, { useEffect, useState } from 'react';
+
+const ControlRenderBX = ({ rootComponent }) => {
+	const [data, setData] = useState({});
+	// const intervalFetchToBx = null;
+	// window.alovoice_wsphone;
+	useEffect(() => {
+		var intervalFetchToBx = setInterval(intervalFunc, 1000);
+	}, []);
+
+	const intervalFunc = () => {
+		console.log('interval', window.alovoice_wsphone);
+
+		if (Boolean(data.number)) {
+			clearInterval(intervalFetchToBx);
+		}
+	};
+	console.log('check_data', Boolean(data.number));
+	return rootComponent;
+};
+
+export default ControlRenderBX;