Fix any lints

Author: ditman

renderers/react/src/v0_9/catalog/basic/components/ChoicePicker.tsx

@@ -19,6 +19,11 @@ import {createReactComponent} from '../../../adapter';
 import {ChoicePickerApi} from '@a2ui/web_core/v0_9/basic_catalog';
 import {LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS} from '../utils';
 
+// The type of an option is deeply nested into the ChoicePickerApi schema, and
+// it seems z.infer is not inferring it correctly (?). We use `any` for now.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type _Option = any;
+
 export const ChoicePicker = createReactComponent(ChoicePickerApi, ({props, context}) => {
   const [filter, setFilter] = useState('');
 
@@ -37,8 +42,10 @@ export const ChoicePicker = createReactComponent(ChoicePickerApi, ({props, conte
   };
 
   const options = (props.options || []).filter(
-    (opt: any) =>
-      !props.filterable || filter === '' || String(opt.label).toLowerCase().includes(filter.toLowerCase())
+    (opt: _Option) =>
+      !props.filterable ||
+      filter === '' ||
+      String(opt.label).toLowerCase().includes(filter.toLowerCase())
   );
 
   const containerStyle: React.CSSProperties = {
@@ -69,7 +76,7 @@ export const ChoicePicker = createReactComponent(ChoicePickerApi, ({props, conte
         />
       )}
       <div style={listStyle}>
-        {options.map((opt: any, i: number) => {
+        {options.map((opt: _Option, i: number) => {
           const isSelected = values.includes(opt.value);
           if (props.displayStyle === 'chips') {
             return (
@@ -88,7 +95,7 @@ export const ChoicePicker = createReactComponent(ChoicePickerApi, ({props, conte
                   fontSize: '12px',
                 }}
               >
-                {opt.label as any}
+                {opt.label}
               </button>
             );
           }
@@ -103,7 +110,7 @@ export const ChoicePicker = createReactComponent(ChoicePickerApi, ({props, conte
                 onChange={() => onToggle(opt.value)}
                 name={isMutuallyExclusive ? `choice-${context.componentModel.id}` : undefined}
               />
-              <span style={{fontSize: '14px'}}>{opt.label as any}</span>
+              <span style={{fontSize: '14px'}}>{opt.label}</span>
             </label>
           );
         })}

renderers/react/src/v0_9/catalog/basic/components/Tabs.tsx

@@ -19,7 +19,10 @@ import {createReactComponent} from '../../../adapter';
 import {TabsApi} from '@a2ui/web_core/v0_9/basic_catalog';
 import {LEAF_MARGIN} from '../utils';
 
-// Individual tabs types are dynamic due to core schema, so we type as any in iteration.
+// The type of a tab is deeply nested into the TabsApi schema, and
+// it seems z.infer is not inferring it correctly (?). We use `any` for now.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type _Tab = any;
 
 export const Tabs = createReactComponent(TabsApi, ({props, buildChild}) => {
   const [selectedIndex, setSelectedIndex] = useState(0);
@@ -30,7 +33,7 @@ export const Tabs = createReactComponent(TabsApi, ({props, buildChild}) => {
   return (
     <div style={{display: 'flex', flexDirection: 'column', width: '100%', margin: LEAF_MARGIN}}>
       <div style={{display: 'flex', borderBottom: '1px solid #ccc', marginBottom: '8px'}}>
-        {tabs.map((tab: any, i: number) => (
+        {tabs.map((tab: _Tab, i: number) => (
           <button
             key={i}
             onClick={() => setSelectedIndex(i)}
@@ -45,7 +48,7 @@ export const Tabs = createReactComponent(TabsApi, ({props, buildChild}) => {
               color: selectedIndex === i ? 'var(--a2ui-primary-color, #007bff)' : 'inherit',
             }}
           >
-            {tab.title as any}
+            {tab.title}
           </button>
         ))}
       </div>