LG-4743: Fix resize bug in charts (#2632)

* Fix access issue

* Changeset

* Remove unnecessary type

Author: tsck

Diff for: .changeset/sour-bottles-sip.md

@@ -0,0 +1,5 @@
+---
+'@lg-charts/core': patch
+---
+
+Fixes bug that prevented chart resizing after initial render

Diff for: charts/core/src/Echart/useEchart.ts

@@ -100,10 +100,6 @@ export function useEchart({
     [setEchartOptions],
   );
 
-  const resizeEchartInstance = withInstanceCheck(() => {
-    echartsInstance?.resize();
-  });
-
   const addToGroup: EChartsInstance['addToGroup'] = useCallback(
     withInstanceCheck((groupId: string) => {
       // echartsCoreRef.current should exist if instance does, but checking for extra safety
@@ -260,23 +256,31 @@ export function useEchart({
   });
 
   /**
+   * CHART INITIALIZATION ---------------------
    * Sets up the echart instance on initial render or if the container changes.
    * Additionally, disposes of echart instance and cleans up handlers on unmount.
    */
   useEffect(() => {
     setError(null);
 
+    let resizeCallback: () => void;
+
     initializeEcharts()
       .then(echartsCore => {
         echartsCoreRef.current = echartsCore;
 
         if (container) {
           // Init an echart instance
           const newChart = echartsCoreRef.current.init(container);
+
           // Set the initial options on the instance
           newChart.setOption(options);
+
           // Resize chart when window resizes because echarts don't be default
-          window.addEventListener('resize', resizeEchartInstance);
+          resizeCallback = () => {
+            newChart.resize();
+          };
+          window.addEventListener('resize', resizeCallback);
 
           setEchartsInstance(newChart);
           setReady(true);
@@ -293,7 +297,7 @@ export function useEchart({
       });
 
     return () => {
-      window.removeEventListener('resize', resizeEchartInstance);
+      window.removeEventListener('resize', resizeCallback);
       activeHandlers.current.clear();
 
       if (echartsInstance) {
@@ -303,6 +307,7 @@ export function useEchart({
   }, [container]);
 
   /**
+   * SETTING THEME ---------------------
    * Sets the theme when the instance is created or the theme changes.
    * This is not actually necessary on initial render because the theme
    * is also set on the default options. This is primarily necessary