App is stuck in a loop when rendering from an external API call
Hi,
I am trying to have an app that dynamically shows information from calling a service whenever a new cell is selected. This is working, but it seems to be stuck in an endless loop and continually re-renders even when the selection is not changing.
Any React guru who knows a better way please chime in!
import React, { useState, useEffect } from 'react';
import {
initializeBlock,
useBase,
useRecords,
useGlobalConfig,
useSession,
useLoadable,
useWatchable,
Heading,
Box
} from '@airtable/blocks/ui';
import { cursor } from '@airtable/blocks';
import ConfigField from './components/ConfigField.js'
const _ = require('lodash')
const axios = require('axios')
function UpdateAsin() {
const base = useBase();
useLoadable(cursor);
useWatchable(cursor, ['selectedRecordIds', 'selectedFieldIds', 'activeTableId', 'activeViewId']);
const table = base.getTableByIdIfExists(cursor.activeTableId)
const globalConfig = useGlobalConfig();
const c
