
> iddaai-fe@0.0.1 lint
> eslint


/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/admin/edit-user-modal.tsx
  36:9   warning  't' is assigned a value but never used. Allowed unused vars must match /^_/u                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           @typescript-eslint/no-unused-vars
  37:9   warning  'tCommon' is assigned a value but never used. Allowed unused vars must match /^_/u                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     @typescript-eslint/no-unused-vars
  50:7   error    Error: Calling setState synchronously within an effect can trigger cascading renders

Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:
* Update external systems with the latest state from React.
* Subscribe for updates from some external system, calling setState in a callback function when external state changes.

Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/admin/edit-user-modal.tsx:50:7
  48 |   useEffect(() => {
  49 |     if (user) {
> 50 |       setRole(user.role || "user");
     |       ^^^^^^^ Avoid calling setState() directly within an effect
  51 |       setPlan(user.subscriptionStatus || "free");
  52 |       setIsActive(user.isActive);
  53 |       if (user.subscriptionExpiresAt) {  react-hooks/set-state-in-effect
  57:17  warning  'e' is defined but never used                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          @typescript-eslint/no-unused-vars

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/analysis/analysis-content.tsx
  14:3  warning  'SimpleGrid' is defined but never used. Allowed unused vars must match /^_/u        @typescript-eslint/no-unused-vars
  31:9  warning  'tCommon' is assigned a value but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/coupons/coupon-builder-content.tsx
  367:6  warning  React Hook React.useEffect has a missing dependency: 'upcomingQuery'. Either include it or remove the dependency array                                                                                                    react-hooks/exhaustive-deps
  381:6  warning  React Hook React.useEffect has a missing dependency: 'finishedQuery'. Either include it or remove the dependency array                                                                                                    react-hooks/exhaustive-deps
  403:9  warning  The 'leagueGroups' logical expression could make the dependencies of useMemo Hook (at line 407) change on every render. To fix this, wrap the initialization of 'leagueGroups' in its own useMemo() Hook                  react-hooks/exhaustive-deps
  404:9  warning  The 'finishedLeagueGroups' logical expression could make the dependencies of useMemo Hook (at line 411) change on every render. To fix this, wrap the initialization of 'finishedLeagueGroups' in its own useMemo() Hook  react-hooks/exhaustive-deps

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/dashboard/dashboard-content.tsx
   21:3   warning  'ScrollSlideUp' is defined but never used. Allowed unused vars must match /^_/u          @typescript-eslint/no-unused-vars
  127:3   warning  'confidence' is defined but never used. Allowed unused args must match /^_/u             @typescript-eslint/no-unused-vars
  188:39  warning  'statsLoading' is assigned a value but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/h2h/h2h-content.tsx
  21:24  warning  'HeadToHeadDto' is defined but never used. Allowed unused vars must match /^_/u                                                                                                                                                                                                          @typescript-eslint/no-unused-vars
  24:20  warning  'useEffect' is defined but never used. Allowed unused vars must match /^_/u                                                                                                                                                                                                              @typescript-eslint/no-unused-vars
  84:17  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/home/home-content.tsx
  13:3  warning  'Icon' is defined but never used. Allowed unused vars must match /^_/u     @typescript-eslint/no-unused-vars
  27:3  warning  'springs' is defined but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/layout/header/header.tsx
   47:8   warning  'Image' is defined but never used. Allowed unused vars must match /^_/u                                                                                                                                                                                                                  @typescript-eslint/no-unused-vars
  293:13  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/leagues/league-detail-content.tsx
   5:3  warning  'Flex' is defined but never used. Allowed unused vars must match /^_/u        @typescript-eslint/no-unused-vars
  29:9  warning  't' is assigned a value but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/leagues/leagues-content.tsx
  239:23  error    React Hook "useColorModeValue" is called conditionally. React Hooks must be called in the exact same order in every component render                                                                                                                                                     react-hooks/rules-of-hooks
  345:39  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element
  414:27  error    React Hook "useColorModeValue" is called conditionally. React Hooks must be called in the exact same order in every component render. Did you accidentally call a React Hook after an early return?                                                                                      react-hooks/rules-of-hooks
  715:23  error    `"` can be escaped with `&quot;`, `&ldquo;`, `&#34;`, `&rdquo;`                                                                                                                                                                                                                          react/no-unescaped-entities
  715:44  error    `"` can be escaped with `&quot;`, `&ldquo;`, `&#34;`, `&rdquo;`                                                                                                                                                                                                                          react/no-unescaped-entities
  762:31  warning  Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/matches/match-detail-content.tsx
  15:3  warning  'Grid' is defined but never used. Allowed unused vars must match /^_/u      @typescript-eslint/no-unused-vars
  33:3  warning  'LuShield' is defined but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars
  34:3  warning  'LuFlag' is defined but never used. Allowed unused vars must match /^_/u    @typescript-eslint/no-unused-vars

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/matches/match-list.tsx
  9:3  warning  'ScrollSlideUp' is defined but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/matches/matches-content.tsx
  38:41  warning  'matchesLoading' is assigned a value but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/matches/odds-card.tsx
  7:3  warning  'Badge' is defined but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/matches/v28-odds-band-panel.tsx
  374:15  error  React Hook "useColorModeValue" is called conditionally. React Hooks must be called in the exact same order in every component render. Did you accidentally call a React Hook after an early return?  react-hooks/rules-of-hooks
  565:15  error  React Hook "useColorModeValue" is called conditionally. React Hooks must be called in the exact same order in every component render                                                                 react-hooks/rules-of-hooks

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/motion/index.tsx
  417:5  error  Error: Calling setState synchronously within an effect can trigger cascading renders

Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:
* Update external systems with the latest state from React.
* Subscribe for updates from some external system, calling setState in a callback function when external state changes.

Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/motion/index.tsx:417:5
  415 |       delay: Math.random() * 3,
  416 |     }));
> 417 |     setSparkles(newSparkles);
      |     ^^^^^^^^^^^ Avoid calling setState() directly within an effect
  418 |   }, [count]);
  419 |
  420 |   if (sparkles.length === 0) {  react-hooks/set-state-in-effect

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/spor-toto/spor-toto-content.tsx
  18:37  warning  'StaggerItem' is defined but never used. Allowed unused vars must match /^_/u                  @typescript-eslint/no-unused-vars
  29:3   warning  'SporTotoPredictionResultDto' is defined but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars
  52:9   warning  'tCommon' is assigned a value but never used. Allowed unused vars must match /^_/u             @typescript-eslint/no-unused-vars
  88:11  warning  'result' is assigned a value but never used. Allowed unused vars must match /^_/u              @typescript-eslint/no-unused-vars

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/teams/team-detail-content.tsx
   26:3   warning  'LuChevronDown' is defined but never used. Allowed unused vars must match /^_/u                                                                                                          @typescript-eslint/no-unused-vars
   81:10  warning  'getSeasonFromTimestamp' is defined but never used. Allowed unused vars must match /^_/u                                                                                                 @typescript-eslint/no-unused-vars
  107:9   warning  't' is assigned a value but never used. Allowed unused vars must match /^_/u                                                                                                             @typescript-eslint/no-unused-vars
  144:9   warning  The 'matches' conditional could make the dependencies of useMemo Hook (at line 157) change on every render. To fix this, wrap the initialization of 'matches' in its own useMemo() Hook  react-hooks/exhaustive-deps
  144:9   warning  The 'matches' conditional could make the dependencies of useMemo Hook (at line 161) change on every render. To fix this, wrap the initialization of 'matches' in its own useMemo() Hook  react-hooks/exhaustive-deps

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/ui/top-loader.tsx
  12:5  error  Error: Calling setState synchronously within an effect can trigger cascading renders

Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:
* Update external systems with the latest state from React.
* Subscribe for updates from some external system, calling setState in a callback function when external state changes.

Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/components/ui/top-loader.tsx:12:5
  10 |
  11 |   useEffect(() => {
> 12 |     setMounted(true);
     |     ^^^^^^^^^^ Avoid calling setState() directly within an effect
  13 |   }, []);
  14 |
  15 |   if (!mounted) return null;  react-hooks/set-state-in-effect

/Users/piton/Documents/GitHub/iddaai/iddaai-fe/src/lib/api/leagues/service.ts
  3:15  warning  'MatchResponseDto' is defined but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars

✖ 48 problems (9 errors, 39 warnings)

