'vitePluginImp' is defined but never used. Allowed unused vars must match /^_/u
1import { defineConfig } from "vite";
2import react from "@vitejs/plugin-react";
3import vitePluginImp from "vite-plugin-imp"; 4import { splitVendorChunkPlugin } from "vite";
5import tsconfigPaths from "vite-tsconfig-paths";
6
'InvoiceOrganization' is defined but never used. Allowed unused vars must match /^_/u
31 name: string;
32}
33
34interface InvoiceOrganization {35 company_name: string;
36}
37
'CreatePlanType' is defined but never used. Allowed unused vars must match /^_/u
1import { CreatePlanType, PlanType } from "./plan-type"; 2
3export interface BacktestType {
4 backtest_name: string;
'SubscriptionType' is defined but never used. Allowed unused vars must match /^_/u
1import { PlanDisplay } from "./plan-type";
2import { SubscriptionType } from "./subscription-type"; 3import { BalanceAdjustments, InvoiceType} from "./invoice-type";
4
5export interface CustomerType {
'PlanDisplay' is defined but never used. Allowed unused vars must match /^_/u
1import { PlanDisplay } from "./plan-type"; 2import { SubscriptionType } from "./subscription-type";
3import { BalanceAdjustments, InvoiceType} from "./invoice-type";
4
'Customer' is defined but never used. Allowed unused vars must match /^_/u
1import React, { FC, useEffect, useState } from "react";
2import { CustomerTableItem } from "../types/customer-type";
3import { Customer } from "../api/api"; 4import * as Toast from "@radix-ui/react-toast";
5
6const ViewSubscriptions: FC = () => {
'customers' is assigned a value but never used. Allowed unused elements of array destructuring patterns must match /^_/u
4import * as Toast from "@radix-ui/react-toast";
5
6const ViewSubscriptions: FC = () => {
7 const [customers, setCustomers] = useState<CustomerTableItem[]>([]); 8
9 return <div></div>;
10};
'Toast' is defined but never used. Allowed unused vars must match /^_/u
1import React, { FC, useEffect, useState } from "react";
2import { CustomerTableItem } from "../types/customer-type";
3import { Customer } from "../api/api";
4import * as Toast from "@radix-ui/react-toast"; 5
6const ViewSubscriptions: FC = () => {
7 const [customers, setCustomers] = useState<CustomerTableItem[]>([]);
'useEffect' is defined but never used. Allowed unused vars must match /^_/u
1import React, { FC, useEffect, useState } from "react"; 2import { CustomerTableItem } from "../types/customer-type";
3import { Customer } from "../api/api";
4import * as Toast from "@radix-ui/react-toast";
'setCustomers' is assigned a value but never used. Allowed unused elements of array destructuring patterns must match /^_/u
4import * as Toast from "@radix-ui/react-toast";
5
6const ViewSubscriptions: FC = () => {
7 const [customers, setCustomers] = useState<CustomerTableItem[]>([]); 8
9 return <div></div>;
10};
'isError' is assigned a value but never used. Allowed unused vars must match /^_/u
63 setQuarterlyCustom(quarterlycustom);
64 };
65
66 const { data, isLoading, isError }: UseQueryResult<PlanType[]> = useQuery< 67 PlanType[]
68 >(
69 ["plan_list"],
'isLoading' is assigned a value but never used. Allowed unused vars must match /^_/u
63 setQuarterlyCustom(quarterlycustom);
64 };
65
66 const { data, isLoading, isError }: UseQueryResult<PlanType[]> = useQuery< 67 PlanType[]
68 >(
69 ["plan_list"],
'Component' is defined but never used. Allowed unused vars must match /^_/u
3import { Button, Row, Col, Tabs } from "antd";
4import { Plan } from "../api/api";
5import { ArrowRightOutlined } from "@ant-design/icons";
6import { Component, PlanType } from "../types/plan-type"; 7import { useNavigate } from "react-router-dom";
8import {
9 useQuery,
'useMutation' is defined but never used. Allowed unused vars must match /^_/u
8import {
9 useQuery,
10 UseQueryResult,
11 useMutation, 12 useQueryClient,
13} from "react-query";
14import { PageLayout } from "../components/base/PageLayout";
'FeatureType' is defined but never used. Allowed unused vars must match /^_/u
12 useQueryClient,
13} from "react-query";
14import { PageLayout } from "../components/base/PageLayout";
15import { FeatureType } from "../types/feature-type"; 16import PlanCard from "../components/Plans/PlanCard/PlanCard";
17
18const ViewPlans: FC = () => {
'queryClient' is assigned a value but never used. Allowed unused vars must match /^_/u
17
18const ViewPlans: FC = () => {
19 const navigate = useNavigate();
20 const queryClient = useQueryClient(); 21 const [yearlyPlans, setYearlyPlans] = useState<PlanType[]>([]);
22 const [yearlyCustom, setYearlyCustom] = useState<PlanType[]>([]);
23 const [monthlyCustom, setMonthlyCustom] = useState<PlanType[]>([]);
'useEffect' is defined but never used. Allowed unused vars must match /^_/u
1import React, { FC, useEffect, useState } from "react"; 2import { Card, Button, Divider } from "antd";
3import MetricTable from "../components/Metrics/MetricTable";
4import { Metrics } from "../api/api";
'Divider' is defined but never used. Allowed unused vars must match /^_/u
1import React, { FC, useEffect, useState } from "react";
2import { Card, Button, Divider } from "antd"; 3import MetricTable from "../components/Metrics/MetricTable";
4import { Metrics } from "../api/api";
5import {
'useEffect' is defined but never used. Allowed unused vars must match /^_/u
1import React, { FC, useEffect, useState } from "react"; 2import BacktestTable from "../components/Experiments/BacktestTable";
3
4import { Backtests } from "../api/api";
'useState' is defined but never used. Allowed unused vars must match /^_/u
1import React, { FC, useEffect, useState } from "react"; 2import BacktestTable from "../components/Experiments/BacktestTable";
3
4import { Backtests } from "../api/api";
'queryClient' is assigned a value but never used. Allowed unused vars must match /^_/u
10import { useNavigate } from "react-router-dom";
11
12const ViewExperiments: FC = () => {
13 const queryClient = useQueryClient();14 const navigate = useNavigate();
15
16 const { data, isLoading }: UseQueryResult<BacktestType[]> = useQuery<
'useEffect' is defined but never used. Allowed unused vars must match /^_/u
1import React, { FC, useEffect, useState } from "react"; 2import CustomerTable from "../components/Customers/CustomerTable";
3import {
4 CustomerPlus,
'totalLoading' is assigned a value but never used. Allowed unused vars must match /^_/u
32 return res;
33 })
34 );
35 const { data: customerTotals, isLoading: totalLoading } = useQuery< 36 CustomerTotal[]
37 >(["customer_totals"], () =>
38 Customer.getCustomerTotals().then((res) => {
'useEffect' is defined but never used. Allowed unused vars must match /^_/u
1// @ts-ignore
2import React, { FC, useEffect } from "react"; 3import { Tabs } from "antd";
4import IntegrationsTab from "../components/Settings/settings/tabs/IntegrationsTab";
5import { DeveloperTab } from "../components/Settings/settings/tabs/DeveloperTab";
'Modal' is defined but never used. Allowed unused vars must match /^_/u
1import React, { FC, useEffect, useState } from "react";
2import { useNavigate, useSearchParams } from "react-router-dom";
3import { Authentication } from "../api/api";
4import { Card, Input, Button, Form, Modal } from "antd"; 5import "./Login.css";
6import { useQueryClient, useMutation } from "react-query";
7import { toast } from "react-toastify";
Description
Unused variables are generally considered a code smell and should be avoided.
Removing unused references - It prevents unused modules from being loaded at runtime, improving performance, and preventing the compiler from loading metadata that will never be used. - It prevents conflicts that may occur when trying to reference another variable.
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
import fs from 'fs' // <- unused
import { readFileSync } from 'fs'
const text = readFileSync('declaration_of_independence.txt', 'utf-8')
console.log(text)
Recommended
import { readFileSync } from 'fs'
const text = readFileSync('declaration_of_independence.txt', 'utf-8')
console.log(text)