🚨 Fix non-null-assertion warnings

Author: satnaing

.eslintrc.json

@@ -22,7 +22,6 @@
     "react/react-in-jsx-scope": "off",
     "react/no-unescaped-entities": 0,
     "camelcase": "error",
-    "@typescript-eslint/no-non-null-assertion": "off",
     "no-duplicate-imports": "error",
     "@typescript-eslint/no-unused-vars": "error",
     "react/prop-types": 0,

src/components/commands/Clear.tsx

@@ -5,7 +5,7 @@ import { termContext } from "../Terminal";
 const Clear: React.FC = () => {
   const { arg, clearHistory } = useContext(termContext);
   useEffect(() => {
-    if (arg.length < 1) clearHistory!();
+    if (arg.length < 1) clearHistory?.();
   }, []);
   return arg.length > 0 ? <UsageDiv>Usage: clear</UsageDiv> : <></>;
 };

src/components/commands/Help.tsx

@@ -14,7 +14,7 @@ const Help: React.FC = () => {
       {commands.map(({ cmd, desc, tab }) => (
         <CmdList key={cmd}>
           <Cmd>{cmd}</Cmd>
-          {generateTabs(tab!)}
+          {generateTabs(tab)}
           <CmdDesc>- {desc}</CmdDesc>
         </CmdList>
       ))}

src/components/commands/Socials.tsx

@@ -40,7 +40,7 @@ const Socials: React.FC = () => {
       {socials.map(({ id, title, url, tab }) => (
         <CmdList key={title}>
           <Cmd>{`${id}. ${title}`}</Cmd>
-          {generateTabs(tab!)}
+          {generateTabs(tab)}
           <CmdDesc>- {url}</CmdDesc>
         </CmdList>
       ))}

src/components/commands/Themes.tsx

@@ -19,7 +19,7 @@ const Themes: React.FC = () => {
   /* ===== check current command makes redirect ===== */
   useEffect(() => {
     if (checkThemeRedirect(arg, rerender, currentCommand, myThemes)) {
-      themeSwitcher!(theme[currentCommand[2]]);
+      themeSwitcher?.(theme[currentCommand[2]]);
     }
   }, [arg, rerender, currentCommand]);
 

src/main.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
 
-ReactDOM.createRoot(document.getElementById("root")!).render(
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>