Adding arrow data into keplergl map using processArrowData

[GuntuAshok]

Is there a way to add Arrow data to keplergl using processArrowTable similar to Geojson using processGeojson as documented here https://github.com/keplergl/kepler.gl/blob/master/docs/api-reference/processors/processors.md#processgeojson. I tried with below code but its giving Uncaught RangeError: Maximum call stack size exceeded in console.

  <script type="module">
      import { load } from "https://cdn.jsdelivr.net/npm/@loaders.gl/core@4.3.2/+esm";
      import { GeoArrowLoader } from "https://cdn.jsdelivr.net/npm/@loaders.gl/arrow@4.3.2/+esm";
  
      async function loadArrowData(url) {
        try {
          window.new_table = await load(url, GeoArrowLoader);
          console.log("Loaded Arrow Table:", window.new_table);
          customizeMap(window.new_table);  // Call Kepler function after data is loaded
        } catch (error) {
          console.error('Error loading Arrow file:', error);
        }
      }
  
      // Example usage
      const arrowFileUrl = 'https://raw.githubusercontent.com/visgl/loaders.gl/master/modules/arrow/test/data/geoarrow/polygon.arrow';
      loadArrowData(arrowFileUrl);
  </script>

 <script>
   function customizeMap(new_table) {
     (function customize(keplerGl, store) {
       // Wait before dispatching to avoid overwrites
       window.setTimeout(() => {
         store.dispatch(
           keplerGl.addDataToMap({
             datasets: [{
               version: "v1",
               data: keplerGl.processArrowTable(new_table),
               info: { id: 'arrow_dataset', label: 'My CSV' }
             }],
             options: { centerMap: false }
           })
         );
       }, 500);
     }(KeplerGl, store));
   }
 </script>