remove all unused eslint-disable comments

packages/app-builder/src/components/Breadcrumbs.tsx

@@ -65,12 +65,7 @@ export const BreadCrumbs = ({ back }: { back?: string }) => {
 
               return (
                 <div className="flex items-center gap-4" key={`${pathname}-${elementIndex}`}>
-                  <Element
-                    key={pathname}
-                    // eslint-disable-next-line react/jsx-no-leaked-render
-                    isLast={isLastElement && isLastLink}
-                    data={data}
-                  />
+                  <Element key={pathname} isLast={isLastElement && isLastLink} data={data} />
                   {!(isLastElement && isLastLink) ? <span className="text-s text-grey-80 font-bold">/</span> : null}
                 </div>
               );

packages/app-builder/src/components/CaseManager/SnoozePanel/SnoozePanel.tsx

@@ -36,8 +36,7 @@ export const SnoozePanel = ({
 
   useEffect(() => {
     setExpanded(true);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [setExpanded]);
 
   if (rulesByPivotQuery.isPending) {
     return <div>Loading...</div>;

packages/app-builder/src/components/Cases/CaseEvents.tsx

@@ -111,7 +111,6 @@ export function CaseEvents({
     container.addEventListener('scroll', callback);
 
     return () => container.removeEventListener('scroll', callback);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [filteredEvents]);
 
   return (

packages/app-builder/src/components/Cases/EditCaseSuspicion.tsx

@@ -195,7 +195,6 @@ export const EditCaseSuspicion = ({ id, reports }: EditCaseSuspicionProps) => {
                   <Button
                     type="submit"
                     className="basis-1/2 first-letter:capitalize"
-                    // eslint-disable-next-line react/jsx-no-leaked-render
                     disabled={isCompleted && reportFile === undefined}
                     onClick={() => {
                       field.handleChange('completed');

packages/app-builder/src/components/Data/CreateLink.tsx

@@ -83,7 +83,6 @@ function CreateLinkContent({
     const parentFieldId = selectedParentTableFields[0]?.id;
     if (!parentFieldId) return;
     form.setFieldValue('parentFieldId', parentFieldId);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [selectedParentTableFields]);
 
   return (

packages/app-builder/src/components/Data/DataModelFlow.tsx

@@ -264,15 +264,7 @@ function CustomControls() {
   return (
     <>
       <SchemaMenuRoot>
-        <MenuButton
-          render={
-            <button
-              // eslint-disable-next-line tailwindcss/no-custom-classname
-              className="react-flow__controls-button"
-              title="Focus table"
-            />
-          }
-        >
+        <MenuButton render={<button className="react-flow__controls-button" title="Focus table" />}>
           <Icon icon="center-focus" />
         </MenuButton>
         <SchemaMenuMenuPopover>

packages/app-builder/src/components/Data/TableDetails.tsx

@@ -78,7 +78,6 @@ export function TableDetails({ tableModel, dataModel }: TableDetailsProps) {
         <span className="flex flex-1">{tableModel.name}</span>
 
         {isCreateDataModelFieldAvailable ? (
-          // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
           <div
             onClick={(e) => {
               //necessary to prevent clicks on modal interactible to trigger the collapsible

packages/app-builder/src/components/Decisions/Filters/FilterDetail/OutcomeAndReviewStatusFilter.tsx

@@ -39,7 +39,6 @@ export function OutcomeAndReviewStatusFilter() {
         }),
         flat(),
       ),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [],
   );
 

packages/app-builder/src/components/HelpCenter.tsx

@@ -153,10 +153,7 @@ function HelpCenterContent({ defaultTab, resources, ChatWithUsButton, searchValu
                 <MenuItem
                   key={`${resource.category}-${resource.label}`}
                   className="border-grey-95 bg-grey-100 data-active-item:bg-purple-98 data-active-item:border-purple-65 flex scroll-my-2 flex-col gap-2 rounded-sm border p-2 outline-hidden"
-                  render={
-                    // eslint-disable-next-line jsx-a11y/anchor-has-content
-                    <a href={resource.href} target="_blank" rel="noreferrer" />
-                  }
+                  render={<a href={resource.href} target="_blank" rel="noreferrer" />}
                 >
                   {resource.label}
                   {resource.tags ? (

packages/app-builder/src/components/Scenario/Screening/FieldDataset.tsx

@@ -162,7 +162,6 @@ export const FieldDataset = ({
 
   useEffect(() => {
     onChange?.(selectedIds);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [selectedIds]);
 
   return (

packages/app-builder/src/components/Scenario/Screening/FieldDatasetFilters.tsx

@@ -46,7 +46,6 @@ export const FieldDatasetFilters = ({
       setFilters((prev) => ({ ...prev, search: searchValue }));
     }, 300);
     return () => clearTimeout(delayInputTimeoutId);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchValue]);
 
   return (

packages/app-builder/src/components/Scenario/Screening/FieldNodeConcat.tsx

@@ -32,7 +32,6 @@ export function FieldNodeConcat({
     if (nodes.length === 0) {
       setNodes([NewUndefinedAstNode()]);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- We only want to trigger this useEffect on mount
   }, []);
 
   useEffect(() => {

packages/app-builder/src/components/Webhooks/EventTypes.tsx

@@ -52,10 +52,7 @@ export function SelectEvents({
             <SelectWithCombobox.ComboboxItem
               key={event}
               value={event}
-              disabled={
-                // eslint-disable-next-line react/jsx-no-leaked-render
-                webhookStatus === 'restricted' && !event.includes('decision.')
-              }
+              disabled={webhookStatus === 'restricted' && !event.includes('decision.')}
             >
               <EventType>
                 <Highlight text={event} query={deferredSearchValue} />

packages/app-builder/src/hooks/useIntersection.ts

@@ -20,7 +20,6 @@ const useIntersection = (
         observer.disconnect();
       };
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [ref.current, options.threshold, options.root, options.rootMargin]);
 
   return intersectionObserverEntry;

packages/app-builder/src/routes/_auth+/sign-in-email.tsx

@@ -117,7 +117,6 @@ export default function LoginWithEmail() {
           {() => (
             <SignInWithEmailAndPassword
               signIn={signIn}
-              // eslint-disable-next-line react/jsx-no-leaked-render
               loading={loading && type === 'email'}
               additionalContent={isSsoEnabled ? <SignInFirstConnection isSignInHomepage={false} /> : null}
               prefilledEmail={prefilledEmail}

packages/app-builder/src/routes/_auth+/sign-in.tsx

@@ -106,16 +106,8 @@ export default function Login() {
             </button>
           ) : (
             <>
-              <SignInWithGoogle
-                signIn={signIn}
-                // eslint-disable-next-line react/jsx-no-leaked-render
-                loading={loading && type === 'google'}
-              />
-              <SignInWithMicrosoft
-                signIn={signIn}
-                // eslint-disable-next-line react/jsx-no-leaked-render
-                loading={loading && type === 'microsoft'}
-              />
+              <SignInWithGoogle signIn={signIn} loading={loading && type === 'google'} />
+              <SignInWithMicrosoft signIn={signIn} loading={loading && type === 'microsoft'} />
               <Link
                 className={CtaClassName({
                   variant: 'primary',

packages/app-builder/src/routes/_builder+/settings+/webhooks.tsx

@@ -95,7 +95,6 @@ export default function Webhooks() {
             <span className="flex-1">{t('settings:webhooks')}</span>
             {isCreateWebhookAvailable ? (
               // Necessary to prevent click events from propagating to the Collapsible
-              // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
               <span onClick={(e) => e.stopPropagation()}>
                 <CreateWebhook webhookStatus={webhooksStatus}>
                   <Button>

packages/app-builder/src/routes/_builder+/settings+/webhooks_.$webhookId.tsx

@@ -58,7 +58,6 @@ export default function WebhookDetail() {
             <span className="flex-1">{t('settings:webhook_details')}</span>
             {isEditWebhookAvailable ? (
               // Necessary to prevent click events from propagating to the Collapsible
-              // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
               <span onClick={(e) => e.stopPropagation()}>
                 <UpdateWebhook defaultValue={webhook} webhookStatus={webhookStatus}>
                   <Button>

packages/app-builder/src/services/segment/index.tsx

@@ -30,7 +30,6 @@ export function useSegmentPageTracking() {
     if (!tracking) return;
     const { name, properties } = tracking;
     void window.analytics?.page(name, properties);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [location, thisPage?.id, isHydrated]);
 
   return null;

packages/app-builder/src/tests/setup/i18next.ts

@@ -10,5 +10,4 @@ export const i18nextTest = (await i18next.use(initReactI18next).init({
   debug: false, // set to true to see more logs
   resources,
   // cf https://github.com/i18next/react-i18next/issues/1699
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
 })) as TFunction<any>;

packages/app-builder/src/utils/hooks/use-callback-ref.ts

@@ -7,7 +7,6 @@ import * as React from 'react';
  * Inspired from @radix-ui/react-use-callback-ref
  */
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T {
   const callbackRef = React.useRef(callback);
 

packages/app-builder/src/utils/hooks/use-compose-refs.ts

@@ -27,7 +27,6 @@ function composeRefs<T>(...refs: PossibleRef<T>[]) {
  * Accepts callback refs and RefObject(s)
  */
 function useComposedRefs<T>(...refs: PossibleRef<T>[]) {
-  // eslint-disable-next-line react-hooks/exhaustive-deps
   return React.useCallback(composeRefs(...refs), refs);
 }
 

packages/app-builder/src/utils/routes/index.ts

@@ -20,8 +20,7 @@ export type GetPathParams<Path extends string, Parts = NonEmptySplit<Path, '/'>>
   ? Head extends `:${infer Name}`
     ? { [K in Name]: string } & GetPathParams<Path, Tail>
     : GetPathParams<Path, Tail>
-  : // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-    {};
+  : {};
 
 export function getRoute<Path extends RoutePath>(
   path: Path,

packages/app-builder/src/utils/types.ts

@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 type Contra<T> = T extends any ? (arg: T) => void : never;
 
 type InferContra<T> = [T] extends [(arg: infer I) => void] ? I : never;

packages/shared/src/use-callback-ref.ts

@@ -7,7 +7,6 @@ import * as React from 'react';
  * Inspired from @radix-ui/react-use-callback-ref
  */
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T {
   const callbackRef = React.useRef<T | undefined>();
 

packages/typescript-utils/src/utility-types.ts

@@ -1,6 +1,5 @@
 export type RequiredKeys<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
 
 export type FunctionKeys<T> = {
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
   [P in keyof T]: T[P] extends Function ? P : never;
 }[keyof T];

packages/ui-design-system/src/FiltersBar/internals/BooleanValueFilter.tsx

@@ -32,7 +32,6 @@ export function BooleanValueFilter({
     if (isOpen) {
       setLocalChecked(filter.selectedValue === null ? 'indeterminate' : Boolean(filter.selectedValue));
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isOpen]);
 
   return (

packages/ui-design-system/src/Modal/Modal.tsx

@@ -84,7 +84,6 @@ export const ModalContentV2 = forwardRef<HTMLDivElement, ModalContentV2Props>(fu
         ),
       })}
       backdrop={
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
         <div
           onClick={(e) => e.stopPropagation()}
           className="bg-grey-00/20 fixed inset-0 flex items-center justify-center p-4 opacity-0 backdrop-blur-xs transition-all data-enter:opacity-100"