3d_portfolio's Introduction

Hey It's Rishi

🌐 Web development, UI/UX, and Graphic Design are my passions in the tech realm.
🚀 DevOps is my newest obsession-trying to learn and explore in the AWS and Google Cloud.
🎯 Looking to work on large-scale web projects.
💡 Practical learner who loves hands-on experimentation and embraces new challenges.
🌟 Always eager to learn, explore, and tackle real-world problems using innovative solutions.
🤝 Multitasking- skilled at handling multiple responsibilities simultaneously.
💼 I want to collaborate on exciting projects and create great stuff.

I'm an adventurous tech enthusiast with a focus on Web Development, DevOps, and the exciting world of AI. Let's connect and dive into the possibilities!

Connect with me

My Skills

Known

Web Development

Dev Tools and Software

Learning & Exploring

Web Development

Cloud Computing

Language

GitHub Statistics

3d_portfolio's People

Contributors

Watchers

3d_portfolio's Issues

ESLint with React gives `no-unused-vars` errors

@rishilahoti To solve this problem stackoverflow install eslint-plugin-react:

npm install eslint-plugin-react --save-dev

add in .eslintrc.cjs:

"plugins": ["react"]

and:

"rules": {   
      "react/jsx-uses-react": "error",   
      "react/jsx-uses-vars": "error" 
 }

your .eslintrc.cjs :

module.exports = {
      root: true,
      env: { browser: true, es2020: true },
      extends: [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:react/jsx-runtime",
        "plugin:react-hooks/recommended",
      ],
      ignorePatterns: ["dist", ".eslintrc.cjs"],
      parserOptions: { ecmaVersion: "latest", sourceType: "module" },
      settings: { react: { version: "18.2" } },
      plugins: ["react-refresh", "react"],
      rules: {
        "react-refresh/only-export-components": [
          "warn",
          { allowConstantExport: true },
        ],
        "react/jsx-uses-react": "error",
        "react/jsx-uses-vars": "error",
      },
    };

Recommend Projects