Run eslint:recommended when committing

.eslintrc.json

@@ -1,3 +1,3 @@
 {
-  "extends": ["next/core-web-vitals", "prettier"]
+  "extends": ["eslint:recommended", "next/core-web-vitals", "prettier"]
 }

package.json

@@ -29,6 +29,7 @@
     "zustand-querystring": "^0.0.19"
   },
   "devDependencies": {
+    "@next/eslint-plugin-next": "^14.1.3",
     "@playwright/test": "^1.42.0",
     "@types/dompurify": "^3.0.5",
     "@types/node": "^20.11.23",

src/app/(sidebar)/account/layout.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import React from "react";
+
 import { LayoutSidebarContent } from "@/components/layout/LayoutSidebarContent";
 import { Routes } from "@/constants/routes";
 

src/app/(sidebar)/explore-endpoints/[[...pages]]/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import React, { useState } from "react";
 import { usePathname } from "next/navigation";
 import {
   Alert,

src/app/(sidebar)/explore-endpoints/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import React from "react";
 import { LayoutSidebarContent } from "@/components/layout/LayoutSidebarContent";
 import { Routes } from "@/constants/routes";
 

src/app/(sidebar)/layout.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { LayoutWithSidebar } from "@/components/layout/LayoutWithSidebar";
 
 export default function Layout({ children }: { children: React.ReactNode }) {

src/app/(sidebar)/soroban/layout.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import React from "react";
+
 import { LayoutSidebarContent } from "@/components/layout/LayoutSidebarContent";
 
 export default function TransactionTemplate({

src/app/(sidebar)/transaction/layout.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import React from "react";
+
 import { LayoutSidebarContent } from "@/components/layout/LayoutSidebarContent";
 import { Routes } from "@/constants/routes";
 

src/app/(sidebar)/xdr/layout.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import React from "react";
+
 import { LayoutSidebarContent } from "@/components/layout/LayoutSidebarContent";
 import { Routes } from "@/constants/routes";
 

src/app/layout.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import type { Metadata } from "next";
 
 import { LayoutMain } from "@/components/layout/LayoutMain";

src/components/ExpandBox/index.tsx

@@ -1,4 +1,4 @@
-import { useLayoutEffect, useState } from "react";
+import React, { useLayoutEffect, useState } from "react";
 import "./styles.scss";
 
 export const ExpandBox = ({

src/components/FormElements/AssetPicker.tsx

@@ -1,4 +1,6 @@
-import { useState } from "react";
+/* eslint-disable */
+
+import React, { useState } from "react";
 import { Input } from "@stellar/design-system";
 
 import { ExpandBox } from "@/components/ExpandBox";

src/components/FormElements/IncludeFailedPicker.tsx

@@ -1,3 +1,6 @@
+/* eslint-disable */
+
+import React from "react";
 import { RadioPicker } from "@/components/RadioPicker";
 
 type IncludeFailedPickerProps = {

src/components/FormElements/OrderPicker.tsx

@@ -1,3 +1,6 @@
+/* eslint-disable */
+
+import React from "react";
 import { RadioPicker } from "@/components/RadioPicker";
 
 type OrderPickerProps = {

src/components/FormElements/PubKeyPicker.tsx

@@ -1,3 +1,6 @@
+/* eslint-disable */
+
+import React from "react";
 import { StrKey } from "stellar-sdk";
 import { Input, InputProps } from "@stellar/design-system";
 

src/components/GenerateKeypair.tsx

@@ -1,4 +1,4 @@
-import { Icon, Input } from "@stellar/design-system";
+import { Input } from "@stellar/design-system";
 
 export const GenerateKeypair = ({
   publicKey,

src/components/MaintenanceBanner.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { Banner, Link } from "@stellar/design-system";
 
 import { getRelevantMaintenanceMsg } from "@/helpers/getRelevantMaintenanceMsg";

src/components/NetworkSelector/index.tsx

@@ -1,4 +1,4 @@
-import {
+import React, {
   useCallback,
   useEffect,
   useLayoutEffect,

src/components/RadioPicker/index.tsx

@@ -1,3 +1,7 @@
+/* eslint-disable */
+
+import React from "react";
+
 import { Label } from "@stellar/design-system";
 import { AssetType } from "@/types/types";
 import "./styles.scss";

src/components/TabView/index.tsx

@@ -1,3 +1,6 @@
+/* eslint-disable */
+
+import React from "react";
 import { Card, Text } from "@stellar/design-system";
 import { WithInfoText } from "@/components/WithInfoText";
 import { Tabs } from "@/components/Tabs";

src/components/Tabs/index.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable */
+
 import "./styles.scss";
 
 type Tab = {

src/components/WithInfoText/index.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { Icon, Tooltip } from "@stellar/design-system";
 import { NextLink } from "@/components/NextLink";
 import "./styles.scss";

src/components/layout/LayoutContentContainer.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export const LayoutContentContainer = ({
   children,
 }: {

src/constants/routes.ts

@@ -1,3 +1,5 @@
+/* eslint-disable */
+
 export enum Routes {
   ROOT = "/",
   // Account

src/query/QueryProvider.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import React from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 

src/store/createStore.ts

@@ -1,3 +1,5 @@
+/* eslint-disable */
+
 import { create } from "zustand";
 import { immer } from "zustand/middleware/immer";
 import { querystring } from "zustand-querystring";

src/store/useStore.ts

@@ -1,3 +1,5 @@
+/* eslint-disable */
+
 "use client";
 import { useContext } from "react";
 import { useStore as useZustandStore } from "zustand";

src/types/types.ts

@@ -1,3 +1,5 @@
+import React from "react";
+
 // =============================================================================
 // Generic
 // =============================================================================

yarn.lock

@@ -109,6 +109,13 @@
   dependencies:
     glob "10.3.10"
 
+"@next/eslint-plugin-next@^14.1.3":
+  version "14.1.3"
+  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-14.1.3.tgz#31ffb36dbd5d04537aff83eb69ec23007d081608"
+  integrity sha512-VCnZI2cy77Yaj3L7Uhs3+44ikMM1VD/fBMwvTBb3hIaTIuqa+DmG4dhUDq+MASu3yx97KhgsVJbsas0XuiKyww==
+  dependencies:
+    glob "10.3.10"
+
 "@next/[email protected]":
   version "14.1.0"
   resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.0.tgz#70a57c87ab1ae5aa963a3ba0f4e59e18f4ecea39"