'analytics' is assigned a value but never used
16
17// Initialize Firebase
18const app = initializeApp(firebaseConfig);
19const analytics = getAnalytics(app);20export const database = getDatabase(app);
21export const auth = getAuth();
22export const googleAuthProvider = new GoogleAuthProvider();'createUser' is assigned a value but never used
153 const userId = uid();
154 writeUserData(userId, registerInformation.email, userInfo);
155 try {
156 const createUser = await createUserWithEmailAndPassword(157 auth,
158 registerInformation.email,
159 registerInformation.password'React' is defined but never used
1import React, { useState } from "react"; 2import "./SocialProfile.css";
3
4const initialProfiles = ['React' is defined but never used
1import React, { useState, useEffect } from "react"; 2import "./ProfileCard.css";
3
4const ProfileCard = () => {'React' is defined but never used
1import React from "react"; 2import "./Privacy.css";
3import { Link } from "react-router-dom";
4import Footer from "../Footer/Footer";'ErrorSection' is assigned a value but never used
192);
193
194// Error Section Component
195const ErrorSection = ({ error }) => <div className="error">{error}</div>;196
197export default Navbar;'HamburgerSection' is assigned a value but never used
177);
178
179// Hamburger Section Component
180const HamburgerSection = ({ toggleMenu, menuOpen, handleKeyPress }) => (181 <div
182 className="hamburger"
183 onClick={toggleMenu}'MenuSection' is assigned a value but never used
139);
140
141// Menu Section Component
142const MenuSection = ({ user, handleSignOut, menuOpen }) => (143 <div className={`menu ${menuOpen ? "show" : ""}`}>
144 <ul>
145 <MenuItem href="#">Top Universities</MenuItem>'LogoSection' is assigned a value but never used
132};
133
134// Logo Component
135const LogoSection = () => (136 <div className="logo">
137 <img src={Logo} alt="Logo" />
138 </div>'handleKeyPress' is assigned a value but never used
63 }, [setMenuOpen, menuOpen]);
64
65 // Define handleKeyPress outside of JSX
66 const handleKeyPress = useCallback((event) => { 67 if (event.key === 'Enter' || event.key === ' ') {
68 toggleMenuCallback();
69 }'handleSignOutCallback' is assigned a value but never used
53 };
54
55 // Define callbacks using useCallback
56 const handleSignOutCallback = useCallback(() => { 57 signOutUser(navigate, setError);
58 }, [navigate, setError]);
59'error' is assigned a value but never used
28 const navigate = useNavigate();
29 const [user, setUser] = useState(null);
30 const [menuOpen, setMenuOpen] = useState(false);
31 const [error, setError] = useState(null); 32
33
34 useEffect(() => {'user' is assigned a value but never used
26// Navbar Component
27const Navbar = () => {
28 const navigate = useNavigate();
29 const [user, setUser] = useState(null); 30 const [menuOpen, setMenuOpen] = useState(false);
31 const [error, setError] = useState(null);
32'setUser' is assigned a value but never used
26// Navbar Component
27const Navbar = () => {
28 const navigate = useNavigate();
29 const [user, setUser] = useState(null); 30 const [menuOpen, setMenuOpen] = useState(false);
31 const [error, setError] = useState(null);
32'NavLink' is defined but never used
1import { useEffect, useState, useCallback } from 'react';
2import { signOut } from "firebase/auth";
3import { useNavigate, NavLink, Link } from "react-router-dom"; 4import Logo from "../../assets/logo.webp";
5
6import "./Navbar.css";'SignInGoogle' is assigned a value but never used
126 }
127 });
128 // Popup Google signin
129 const SignInGoogle = useCallback(() => {130 signInWithPopup(auth, googleAuthProvider)
131 .then(() => {
132 toast.success("Login successful !",{'React' is defined but never used
1import React from "react"; 2import "./Joinus.css";
3import { Link } from "react-router-dom";
4import Footer from "../Footer/Footer";'React' is defined but never used
1import React from "react"; 2import "./Help.css";
3import { Link } from "react-router-dom";
4import Footer from "../Footer/Footer";'setEmail' is assigned a value but never used
19}
20function ForgotPassword() {
21
22 const [email, setEmail] = useState();23 const [error, setError] = useState({});
24 const auth = getAuth();
25'React' is defined but never used
1// FAQs.jsx
2import React, { useState } from 'react'; 3import './FAQs.css';
4
5const FAQs = () => {'CollegeCard' is defined but never used
9import ScrollToTop from "react-scroll-to-top";
10import { ToastContainer, toast } from 'react-toastify';
11import 'react-toastify/dist/ReactToastify.css';
12import CollegeCard from "./CollegeCard"; 13import FAQs from '../FAQs/FAQs';
14import { ThemeContext } from '../../App';
15import { Switch } from 'antd';'React' is defined but never used
1import React from 'react'; 2import './Courses.css';
3import coursesData from './courses.json';
4'React' is defined but never used
1import React, { useEffect, useState } from 'react'; 2import './Contribute.css'; // Import CSS file for styles
3
4const Contribute = () => {'toggleMenu' is assigned a value but never used
41
42 const [menuOpen, setMenuOpen] = useState(false);
43
44 const toggleMenu = () => { 45 setMenuOpen(!menuOpen);
46 };
47 return ('handleSignOut' is assigned a value but never used
29 publicKey:"rSYpY_RsF76o4MgcA",
30 })
31 }
32 const handleSignOut = () => { 33 signOut(auth)
34 .then(() => {
35 navigate("/");
Description
Found variables that are declared but not used anywhere.
NOTE: In browser applications, DeepSource recommends the use of ESModules over regular
text/javascriptscripts. Currently, we don't support variables that are not explicitly exported, and are injected into other scripts by being included in an HTML file
Unused variables are most often the result of incomplete refactoring. They can lead to confusing code and minor performance hitches.
NOTE: If you have intentionally left a variable unused, we suggest you to prefix the variable name with a _ to prevent them from being flagged by DeepSource.
Bad Practice
// Write-only variables are not considered as used.
let y = 10;
y = 5;
// A variable that modifies only itself isn't considered used.
let z = 0;
z = z + 1;
// Unused argument
(function(x) {
return 5;
})();
// Unused recursive functions also raise this issue.
function fact(n) {
if (n < 2) return 1;
return n * fact(n - 1);
}
// When a function definition destructures an array,
// unused entries from the array also cause warnings.
function getY([x, y]) {
return y;
}
Recommended
let x = 10;
alert(x);
((arg1) => {
return arg1;
})();
let myFunc;
myFunc = (n) => {
// this is legal
if (n < 0) myFunc();
};
// this is also considered legal
console.log(declaredLater);
var declaredLater;
// Only the second argument from the descructured array is used.
function getY([, y]) {
return y;
}