fix error and warning esLint

src/routes/paths.ts

@@ -115,13 +115,16 @@ export const paths = {
     bulananUbah: (id: string) => `${ROOTS.PPH21}/bulanan/${id}/ubah`,
     bulananPengganti: (id: string) => `${ROOTS.PPH21}/bulanan/${id}/pengganti`,
     bupotFinal: `${ROOTS.PPH21}/bupot-final`,
-    detailsBupotFinal: (id: string) => `${ROOTS.PPH21}/bupot-final/${id}`,
-    tahuan: `${ROOTS.PPH21}/tahunan`,
-    detailstahuan: (id: string) => `${ROOTS.PPH21}/tahunan/${id}`,
+    bupotFinalRekam: `${ROOTS.PPH21}/bupot-final/rekam`,
+    bupotFinalEdit: (id: string, path:string) => `${ROOTS.PPH21}/bupot-final/${id}/${path}`,
+    tahunan: `${ROOTS.PPH21}/tahunan`,
+    tahunanRekam: `${ROOTS.PPH21}/tahunan/rekam`,
+    bupotTahunanEdit: (id: string, path:string) => `${ROOTS.PPH21}/tahunan/${id}/${path}`,
     tahunanA2: `${ROOTS.PPH21}/tahunan-a2`,
     detailstahunanA2: (id: string) => `${ROOTS.PPH21}/tahunan-a2/${id}`,
     bupot26: `${ROOTS.PPH21}/bupot-26`,
-    detailsbupot26: (id: string) => `${ROOTS.PPH21}/bupot-26/${id}`,
+    bupot26Rekam: `${ROOTS.PPH21}/bupot-26/rekam`,
+    bupot26Edit: (id: string, path:string) => `${ROOTS.PPH21}/bupot-26/${id}/${path}`,
   },
   faktur: {
     root: ROOTS.FAKTUR,

src/sections/bupot-21-26/bupot-26/view/bupot-26-list-view.tsx

+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   ArticleTwoTone,
   AutorenewTwoTone,
@@ -38,7 +39,7 @@ import ModalCetakPdf from '../components/dialog/ModalCetakPdf';
 import ModalDelete from '../components/dialog/ModalDelete';
 import ModalUpload from '../components/dialog/ModalUpload';
 import StatusChip from '../components/StatusChip';
-import { FG_STATUS_DN, KODE_OBJEK_PAJAK, KODE_OBJEK_PAJAK_TEXT } from '../constant';
+import { FG_STATUS_DN } from '../constant';
 import useAdvancedFilter from '../hooks/useAdvancedFilter';
 import { useGetBupot26 } from '../hooks/useGetBupot26';
 import { usePaginationStore } from '../store/paginationStore';
@@ -72,13 +73,6 @@ export type IColumnGrid = GridColDef & {
   valueOptions?: string[];
 };
 
-const kodeObjekPajak = [
-  {
-    value: KODE_OBJEK_PAJAK.BUPOT_26,
-    label: `${KODE_OBJEK_PAJAK.BUPOT_26} : ${KODE_OBJEK_PAJAK_TEXT[KODE_OBJEK_PAJAK.BUPOT_26]}`,
-  },
-];
-
 export function Bupot26ListView() {
   const apiRef = useGridApiRef();
   const navigate = useNavigate();
@@ -105,7 +99,6 @@ export function Bupot26ListView() {
 
   const dataSelectedRef = useRef<any[]>([]);
   const [selectionVersion, setSelectionVersion] = useState(0);
-  const [kodeObjekPajaks, setKodeObjekPajaks] = useState<[]>([]);
   const [localPagination, setLocalPagination] = useState({
     page: tables[tableKey]?.page ?? 0,
     pageSize: tables[tableKey]?.pageSize ?? 10,
@@ -158,7 +151,7 @@ export function Bupot26ListView() {
     if (!isEqual(currentStore, filterModel.items)) {
       setFilter(tableKey, { items: filterModel.items });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+     
   }, [filterModel]);
 
   const params = useMemo(() => {
@@ -223,7 +216,7 @@ export function Bupot26ListView() {
   // ---------- status options and columns (kept identical to your original) ----------
   type Status = 'draft' | 'normal' | 'cancelled' | 'amended';
   type StatusOption = { value: Status; label: string };
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+   
   const statusOptions: StatusOption[] = [
     { value: 'draft', label: 'Draft' },
     { value: 'normal', label: 'Normal' },
@@ -365,7 +358,7 @@ export function Bupot26ListView() {
       canReplacement: count === 1 && dataSelected[0].fgStatus === FG_STATUS_DN.NORMAL_DONE,
       canCancel: hasSelection && allNormal,
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+     
   }, [selectionVersion]);
 
   // ✅ Handler tombol “Detail”
@@ -379,10 +372,6 @@ export function Bupot26ListView() {
     console.log('🧾 selectedRow:', selectedRow);
     console.log('🧩 Keys:', Object.keys(selectedRow));
 
-    const kode = selectedRow.kodeObjekPajak || selectedRow.kdObjPjk;
-    const detailKop = kodeObjekPajaks.find((item: any) => item.value === kode);
-
-    console.log(detailKop);
     const mergedRow = {
       ...selectedRow,
       // ...(detailKop
@@ -454,7 +443,7 @@ export function Bupot26ListView() {
         },
       ],
     ],
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+     
     [validatedActions, refetch, handleEditData]
   );
 
@@ -485,7 +474,7 @@ export function Bupot26ListView() {
     }, 100);
     // eslint-disable-next-line consistent-return
     return () => clearTimeout(id);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+     
   }, [apiRef, selectionVersion]);
 
   return (

src/sections/bupot-21-26/bupot-a1/components/dialog/ModalCetakPdfTahunanA1.tsx

+/* eslint-disable react-hooks/exhaustive-deps */
 import Box from '@mui/material/Box';
 import CircularProgress from '@mui/material/CircularProgress';
 import DialogContent from '@mui/material/DialogContent';

src/sections/bupot-21-26/bupot-a1/components/rekam/PerhitunganA1.tsx

@@ -2,7 +2,7 @@ import { CalculateRounded } from '@mui/icons-material';
 import { LoadingButton } from '@mui/lab';
 import { Divider, Grid, Stack, Typography } from '@mui/material';
 import dayjs from 'dayjs';
-import { memo, useEffect } from 'react';
+import { useEffect } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { Field } from 'src/components/hook-form';
 import { RHFNumeric } from 'src/components/hook-form/rhf-numeric';
@@ -19,6 +19,7 @@ import { FORM_FIELDS, FORM_SECTIONS, getFieldNameByIndex, isFieldReadOnly } from
 export const FormFieldLabel = ({
   number,
   text,
+  // eslint-disable-next-line react/jsx-no-useless-fragment
   children = <></>,
 }: {
   number: number;

src/sections/bupot-21-26/bupot-a1/hooks/useAdvancedFilter.tsx

+/* eslint-disable @typescript-eslint/no-unused-vars */
 type FilterItem = {
   field: string;
   operator: string;

src/sections/bupot-21-26/bupot-a1/view/tahunan-a1-list-view.tsx

@@ -18,7 +18,6 @@ import type {
 } from '@mui/x-data-grid-premium';
 import { DataGridPremium, useGridApiRef } from '@mui/x-data-grid-premium';
 import dayjs from 'dayjs';
-import { isEmpty } from 'lodash';
 import { enqueueSnackbar } from 'notistack';
 import { startTransition, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { unstable_batchedUpdates } from 'react-dom';
@@ -270,7 +269,6 @@ export function TahunanA1ListView() {
   const [rowSelectionModel, setRowSelectionModel] = useState<GridRowSelectionModel | undefined>(
     undefined
   );
-  const [selectionVersion, setSelectionVersion] = useState(0);
 
   const [modals, setModals] = useState({
     delete: false,
@@ -393,7 +391,6 @@ export function TahunanA1ListView() {
     unstable_batchedUpdates(() => {
       dataSelectedRef.current = selectedData;
       setRowSelectionModel(newSelection);
-      setSelectionVersion((v) => v + 1);
     });
   }, 150);
 
@@ -409,7 +406,6 @@ export function TahunanA1ListView() {
         const updatedSelected = ids.map((id) => api.getRow(id)).filter(Boolean);
 
         dataSelectedRef.current = updatedSelected;
-        setSelectionVersion((v) => v + 1);
       };
 
       if ((window as any).requestIdleCallback) {

src/sections/bupot-21-26/bupot-a1/view/tahunan-a1-rekam-view.tsx

@@ -25,7 +25,6 @@ import {
   PTKP_TEXT,
   PTKP_TITLE,
   SETAHUN,
-  SETAHUN_TEXT,
 } from 'src/sections/bupot-21-26/constant';
 import Agreement from 'src/shared/components/agreement/Agreement';
 import HeadingRekam from 'src/shared/components/HeadingRekam';

src/sections/bupot-21-26/bupot-bulanan/components/dialog/ModalCetakPdfBulanan.tsx

+/* eslint-disable react-hooks/exhaustive-deps */
 import Box from '@mui/material/Box';
 import CircularProgress from '@mui/material/CircularProgress';
 import DialogContent from '@mui/material/DialogContent';

src/sections/bupot-21-26/bupot-bulanan/hooks/useAdvancedFilter.tsx

@@ -54,6 +54,7 @@ export function useAdvancedFilter() {
       const digits = String(value).replace(/[^0-9]/g, '');
       if (digits.length >= 8) return digits.slice(0, 8);
       return digits;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     } catch (error) {
       console.warn('Invalid date format:', value);
       return '';