fix : lint fix

.eslintrc.json

@@ -15,11 +15,19 @@
   "plugins": ["react", "react-refresh"],
   "rules": {
     "@next/next/no-img-element": "off",
+
     "@typescript-eslint/no-explicit-any": "off",
-
 
-   "no-unused-vars": "off"
-
+
+
+    "no-unused-vars": "off",
+
+    "@typescript-eslint/no-unused-vars": "off",
+
+    "react-hooks/rules-of-hooks": "off",
+
+    "react-refresh/only-export-components": "off"
+
   }
 
 

src/app/layout.tsx

@@ -9,7 +9,6 @@ import dynamic from 'next/dynamic';
 import Script from 'next/script';
 const ModalProvider = dynamic(() => import('@/providers/ModalProvider'), { ssr: false });
 
-
 declare global {
   interface Window {
     kakao: any;
@@ -22,7 +21,6 @@ const pretendard = localFont({
   variable: '--font-pretendard'
 });
 
-/* eslint-disable react-refresh/only-export-components*/
 export const metadata: Metadata = {
   title: '모아가이드',
   description: 'STO 큐레이션 플랫폼 모아가이드',

src/components/product/Dividend.tsx

@@ -10,7 +10,6 @@ import Image from 'next/image';
 import { memo, useState } from 'react';
 import { Divide } from '@/types/Diviend';
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
 interface DividendProps {
   dividend: Divide[];
 }

src/components/product/Report.tsx

@@ -8,7 +8,6 @@ import 'swiper/css/pagination';
 import Image from 'next/image';
 import { useState } from 'react';
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
 const Report = () => {
   const [swiperIndex, setSwiperIndex] = useState(0); // -> 페이지네이션용
 

src/components/product/TopProduct.tsx

@@ -9,8 +9,6 @@ import Image from 'next/image';
 import { memo, useState } from 'react';
 import { Summary } from '@/types/Diviend';
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 interface TopProductProps {
   summary: Summary[];
 }

src/components/product/detail/CommercialRentChart.tsx

@@ -22,7 +22,6 @@ ChartJS.register(
   ChartDataLabels
 );
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
 const CommercialRentChart = () => {
   const chartRef = useRef(null);
 

src/components/product/detail/CommercialVacancyRateChart.tsx

@@ -12,7 +12,6 @@ import {
 
 ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
 const CommercialVacancyRateChart = () => {
   const chartRef = useRef(null);
 

src/components/product/detail/Map.tsx

@@ -2,8 +2,6 @@
 
 import React, { useEffect, useRef } from 'react';
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 declare global {
   interface Window {
     kakao: any;

src/hook/useOnClickOutside.ts

@@ -2,7 +2,6 @@ import { RefObject, useEffect } from 'react';
 
 export default function useOnClickOutside<T extends HTMLElement>(
   ref: RefObject<T>,
-  /* eslint-disable no-unused-vars */
   handler: (event: MouseEvent) => void
 ) {
   useEffect(() => {

src/store/modal.store.ts

@@ -2,7 +2,6 @@ import { create } from 'zustand';
 
 interface useModalStoreType {
   open: boolean;
-  /* eslint-disable no-unused-vars */
   setOpen: (payload: boolean) => void;
   modalType: string;
   setModalType: (payload: string) => void;

src/store/user.store.ts

@@ -1,8 +1,6 @@
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 
-/* eslint-disable no-unused-vars */
-
 interface IUserInfo {
   memberEmail: string;
   memberNickName: string;