fix: lint errors

Author: Guillermo Alejandro Gallardo Diez

.eslintrc.json

@@ -8,7 +8,7 @@
     "jest": true
   },
   "ignorePatterns": ["**/*"],
-  "plugins": ["@nx", "@typescript-eslint", "prettier", "react-hooks"],
+  "plugins": ["@nx", "@typescript-eslint", "prettier"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],

.prettierrc

@@ -1,7 +1,7 @@
 {
   "extends": [
-    "plugin:@nx/react-typescript",
     "../../.eslintrc.json",
+    "plugin:@nx/react-typescript",
     "next",
     "next/core-web-vitals"
   ],
@@ -10,7 +10,7 @@
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
       "rules": {
-        "@next/next/no-html-link-for-pages": ["error", "examples/next/pages"],
+        "@next/next/no-html-link-for-pages": ["error", "examples/react/pages"],
         "no-console": "off"
       }
     },

examples/react/.eslintrc.json

@@ -39,17 +39,17 @@ const Content: React.FC = () => {
   const [messages, setMessages] = useState<Array<Message>>([]);
 
   const getMessages = useCallback(async () => {
-    const messages = await viewFunction({
+    const msgs = (await viewFunction({
       contractId: CONTRACT_ID,
       method: "getMessages",
-    }) as Array<Message>;
+    })) as Array<Message>;
 
-    return messages.reverse();
+    return msgs.reverse();
   }, [viewFunction]);
 
   useEffect(() => {
     getMessages().then(setMessages);
-  }, []);
+  }, [getMessages]);
 
   const handleSwitchAccount = () => {
     if (!accounts) {
@@ -151,7 +151,8 @@ const Content: React.FC = () => {
       : "Failed to verify";
 
     alert(
-      `${alertMessage} signed message: '${message.message
+      `${alertMessage} signed message: '${
+        message.message
       }': \n ${JSON.stringify(signedMessage)}`
     );
   };

examples/react/components/Content.tsx

@@ -1,8 +1,6 @@
 import type { FormEventHandler } from "react";
 import React from "react";
 
-import type { Account } from "../interfaces";
-
 interface FormProps {
   signedAccountId: string;
   onSubmit: FormEventHandler;

examples/react/components/Form.tsx

@@ -8,23 +8,23 @@ interface MessagesProps {
 
 const Messages: React.FC<MessagesProps> = ({ messages }) => {
   return (
-    <div className={styles.messagesContainer}>
+    <div className={styles["messagesContainer"]}>
       <h2>Messages</h2>
-      <div className={styles.messagesList}>
+      <div className={styles["messagesList"]}>
         {messages.map((message, i) => (
           <div
             key={i}
-            className={`${styles.messageCard} ${
-              message.premium ? styles.premiumCard : ""
+            className={`${styles["messageCard"]} ${
+              message.premium ? styles["premiumCard"] : ""
             }`}
           >
-            <div className={styles.messageHeader}>
-              <strong className={styles.sender}>{message.sender}</strong>
-              <span className={styles.timestamp}>
+            <div className={styles["messageHeader"]}>
+              <strong className={styles["sender"]}>{message.sender}</strong>
+              <span className={styles["timestamp"]}>
                 {new Date().toLocaleTimeString()}
               </span>
             </div>
-            <p className={styles.messageText}>{message.text}</p>
+            <p className={styles["messageText"]}>{message.text}</p>
           </div>
         ))}
       </div>

examples/react/components/Messages.tsx

@@ -11,7 +11,7 @@ import { setupMeteorWallet } from "@near-wallet-selector/meteor-wallet";
 import { setupMeteorWalletApp } from "@near-wallet-selector/meteor-wallet-app";
 import { setupHotWallet } from "@near-wallet-selector/hot-wallet";
 import { setupNearFi } from "@near-wallet-selector/nearfi";
-import { setupNightly } from "@near-wallet-selector/nightly";
+// import { setupNightly } from "@near-wallet-selector/nightly";
 import { setupSender } from "@near-wallet-selector/sender";
 import { setupBitgetWallet } from "@near-wallet-selector/bitget-wallet";
 import { setupWalletConnect } from "@near-wallet-selector/wallet-connect";
@@ -28,9 +28,8 @@ import { setupEthereumWallets } from "@near-wallet-selector/ethereum-wallets";
 
 import { CONTRACT_ID, NETWORK_ID } from "../constants";
 import { setupCoin98Wallet } from "@near-wallet-selector/coin98-wallet";
-import { SetupParams } from "packages/react-hook/src/lib/WalletSelectorProvider";
 
-const walletSelectorConfig: SetupParams = {
+const walletSelectorConfig = {
   network: NETWORK_ID,
   createAccessKeyFor: CONTRACT_ID,
   debug: true,

examples/react/pages/index.tsx

@@ -81,7 +81,8 @@
     "serve:angular": "nx serve angular",
     "serve:react": "nx serve react --host=0.0.0.0",
     "serve:vanilla": "nx serve vanilla",
-    "test": "nx run-many --target=test --all"
+    "test": "nx run-many --target=test --all",
+    "nxs": "nx run react:lint --fix"
   },
   "dependencies": {
     "@angular/animations": "16.1.9",
@@ -196,7 +197,7 @@
     "css-loader": "7.1.2",
     "cypress": "12.2.0",
     "eslint": "8.15.0",
-    "eslint-config-next": "15.2.1",
+    "eslint-config-next": "14.2.5",
     "eslint-config-prettier": "8.1.0",
     "eslint-plugin-cypress": "2.10.3",
     "eslint-plugin-import": "2.26.0",

package.json

@@ -1,5 +1,6 @@
 {
   "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "plugins": ["react-hooks"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {

packages/account-export/.eslintrc.json

@@ -1,7 +1,7 @@
 {
   "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
-  "plugins": ["react"],
+  "plugins": ["react", "react-hooks"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],