diff --git a/src/App.tsx b/src/App.tsx
index d8ff2fb..568c734 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -161,7 +161,7 @@ const App: React.FC = () => {
                         <Breadcrumb.Item>Bill</Breadcrumb.Item>
                     </Breadcrumb> */}
                     <div className="site-layout-background" style={{ padding: 24, minHeight: 360 }}>
-                        {datar ? <UChart opts={opts} data={datar} /> : null}
+                        {datar ? <UChart opts={opts} data={datar} /> : <p>Sorry no data found.</p>}
                     </div>
                     <CustomSlider value={pValue} setValue={setPValue} min={0} max={10} name="P-Value"></CustomSlider>
                     <CustomSlider value={iValue} setValue={setIValue} min={0} max={10} name="I-Value"></CustomSlider>
diff --git a/src/components/Chart/Chart.tsx b/src/components/Chart/Chart.tsx
index ccf5310..a564097 100644
--- a/src/components/Chart/Chart.tsx
+++ b/src/components/Chart/Chart.tsx
@@ -25,23 +25,19 @@ const UChart: React.FC<Prop> = (props: Prop) => {
             refy.current?.destroy();
         };
     }, [props.opts]);
-    useEffect(() => {
-        if (canvasMain.current) {
-            if (props.data.length !== 0) {
-                refy.current?.setData(props.data);
-            }
-        }
-        // return (test) => {
-        //     test.destroy();
-        // };
-    }, [props.data]);
+    // useEffect(() => {
+    //     if (canvasMain.current) {
+    //         if (props.data.length !== 0) {
+    //             refy.current?.setData(props.data);
+    //         }
+    //     }
+    //     // return (test) => {
+    //     //     test.destroy();
+    //     // };
+    // }, [props.data]);
 
     useEffect(() => {
         refy?.current?.setData(props.data);
-        return () => {
-            // renderPlot = () => {};
-            // cancelAnimationFrame(id);
-        };
     }, [props.data, refy]);
 
     const canvasStyle = {