chore: upgrade oxlint to v0.13.2 (#8891)

Co-authored-by: LongYinan <lynweklm@gmail.com>

packages/frontend/core/src/components/affine/affine-error-boundary/error-basic/error-detail.tsx

@@ -75,6 +75,7 @@ export const ErrorDetail: FC<ErrorDetailProps> = props => {
   }, [onButtonClick, resetError]);
 
   const desc = descriptions.map((item, i) => (
+    // eslint-disable-next-line react/no-array-index-key
     <p key={i} className={styles.text}>
       {item}
     </p>

packages/frontend/core/src/components/affine/ai-onboarding/slider.tsx

@@ -46,7 +46,7 @@ export const Slider = <T,>({
         }}
       >
         {items?.map((item, index) => (
-          <div key={index} className={styles.slideItem}>
+          <div key={`${item}-${index}`} className={styles.slideItem}>
             {preload === undefined || Math.abs(index - activeIndex) <= preload
               ? itemRenderer?.(item, index)
               : null}

packages/frontend/core/src/components/affine/onboarding/steps/edgeless-switch.tsx

@@ -210,6 +210,7 @@ export const EdgelessSwitch = ({
               {
                 /* render blocks */
                 article.blocks.map((block, key) => {
+                  // eslint-disable-next-line react/no-array-index-key
                   return <OnboardingBlock key={key} mode={mode} {...block} />;
                 })
               }

packages/frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/spec-patchers.tsx

@@ -584,17 +584,17 @@ export function patchForMobile() {
       // Disable some toolbar widgets for mobile.
       {
         di.override(WidgetViewMapIdentifier('affine:page'), () => {
-          const ignoreWidgets = [
+          const ignoreWidgets = new Set([
             AFFINE_FORMAT_BAR_WIDGET,
             AFFINE_EMBED_CARD_TOOLBAR_WIDGET,
-          ];
+          ]);
 
           type pageRootWidgetViewMapKey = keyof typeof pageRootWidgetViewMap;
           return (
             Object.keys(pageRootWidgetViewMap) as pageRootWidgetViewMapKey[]
           ).reduce(
             (acc, key) => {
-              if (ignoreWidgets.includes(key)) return acc;
+              if (ignoreWidgets.has(key)) return acc;
               acc[key] = pageRootWidgetViewMap[key];
               return acc;
             },

packages/frontend/core/src/components/doc-properties/icons/icons-selector.tsx

@@ -26,9 +26,9 @@ const IconsSelectorPanel = ({
       </div>
       <Scrollable.Viewport className={styles.iconsContainerScrollable}>
         <div className={styles.iconsContainer}>
-          {iconRows.map((iconRow, index) => {
+          {iconRows.map(iconRow => {
             return (
-              <div key={index} className={styles.iconsRow}>
+              <div key={iconRow.join('-')} className={styles.iconsRow}>
                 {iconRow.map(iconName => {
                   const Icon = iconNameToComponent(iconName);
                   return (

packages/frontend/core/src/components/page-list/collections/virtualized-collection-list.tsx

@@ -63,8 +63,8 @@ export const VirtualizedCollectionList = ({
   });
 
   const filteredSelectedCollectionIds = useMemo(() => {
-    const ids = collections.map(collection => collection.id);
-    return selectedCollectionIds.filter(id => ids.includes(id));
+    const ids = new Set(collections.map(collection => collection.id));
+    return selectedCollectionIds.filter(id => ids.has(id));
   }, [collections, selectedCollectionIds]);
 
   const hideFloatingToolbar = useCallback(() => {

packages/frontend/core/src/components/page-list/docs/virtualized-page-list.tsx

@@ -83,8 +83,8 @@ export const VirtualizedPageList = ({
   }, [filteredPageMetas, listItem]);
 
   const filteredSelectedPageIds = useMemo(() => {
-    const ids = pageMetasToRender.map(page => page.id);
-    return selectedPageIds.filter(id => ids.includes(id));
+    const ids = new Set(pageMetasToRender.map(page => page.id));
+    return selectedPageIds.filter(id => ids.has(id));
   }, [pageMetasToRender, selectedPageIds]);
 
   const hideFloatingToolbar = useCallback(() => {

packages/frontend/core/src/components/page-list/filter/condition.tsx

@@ -163,7 +163,7 @@ export const renderArgs = (
     const value = filter.args[i];
     return (
       <Arg
-        key={i}
+        key={`${argType.type}-${i}`}
         type={argType}
         value={value}
         onChange={value => {

packages/frontend/core/src/components/page-list/scoped-atoms.tsx

@@ -136,12 +136,12 @@ const defaultSortingFn: SorterConfig<MetaRecord<ListItem>>['sortingFn'] = (
   return 0;
 };
 
-const validKeys: Array<keyof MetaRecord<ListItem>> = [
+const validKeys: Set<keyof MetaRecord<ListItem>> = new Set([
   'id',
   'title',
   'createDate',
   'updatedDate',
-];
+]);
 
 const sorterStateAtom = atom<SorterConfig<MetaRecord<ListItem>>>({
   key: DEFAULT_SORT_KEY,
@@ -175,7 +175,7 @@ export const sorterAtom = atom(
   },
   (_get, set, { newSortKey }: { newSortKey: keyof MetaRecord<ListItem> }) => {
     set(sorterStateAtom, sorterState => {
-      if (validKeys.includes(newSortKey)) {
+      if (validKeys.has(newSortKey)) {
         return {
           ...sorterState,
           key: newSortKey,

packages/frontend/core/src/components/page-list/tags/virtualized-tag-list.tsx

@@ -36,8 +36,8 @@ export const VirtualizedTagList = ({
   );
 
   const filteredSelectedTagIds = useMemo(() => {
-    const ids = tags.map(tag => tag.id);
-    return selectedTagIds.filter(id => ids.includes(id));
+    const ids = new Set(tags.map(tag => tag.id));
+    return selectedTagIds.filter(id => ids.has(id));
   }, [selectedTagIds, tags]);
 
   const hideFloatingToolbar = useCallback(() => {

packages/frontend/core/src/components/page-list/virtualized-trash-list.tsx

@@ -33,8 +33,8 @@ export const VirtualizedTrashList = () => {
   const pageHeaderColsDef = usePageHeaderColsDef();
 
   const filteredSelectedPageIds = useMemo(() => {
-    const ids = filteredPageMetas.map(page => page.id);
-    return selectedPageIds.filter(id => ids.includes(id));
+    const ids = new Set(filteredPageMetas.map(page => page.id));
+    return selectedPageIds.filter(id => ids.has(id));
   }, [filteredPageMetas, selectedPageIds]);
 
   const hideFloatingToolbar = useCallback(() => {

packages/frontend/core/src/components/tags/tag-edit-menu.tsx

@@ -87,12 +87,12 @@ const DesktopTagEditMenu = ({
           <MenuSeparator />
           <Scrollable.Root>
             <Scrollable.Viewport className={styles.menuItemList}>
-              {colors.map(({ name, value: color }, i) => (
+              {colors.map(({ name, value: color }) => (
                 <MenuItem
-                  key={i}
+                  key={color}
                   checked={tag.color === color}
                   prefixIcon={
-                    <div key={i} className={styles.tagColorIconWrapper}>
+                    <div className={styles.tagColorIconWrapper}>
                       <div
                         className={styles.tagColorIcon}
                         style={{
@@ -173,14 +173,14 @@ const MobileTagEditMenu = ({
         />
 
         <ConfigModal.RowGroup title={t['Colors']()}>
-          {colors.map(({ name, value: color }, i) => (
+          {colors.map(({ name, value: color }) => (
             <ConfigModal.Row
-              key={i}
+              key={color}
               onClick={() => {
                 setLocalTag({ ...localTag, color });
               }}
             >
-              <div key={i} className={styles.tagColorIconWrapper}>
+              <div className={styles.tagColorIconWrapper}>
                 <div
                   className={styles.tagColorIcon}
                   style={{