resolved 86% of linting errors

docs/app/api/og/route.tsx

@@ -86,16 +86,16 @@ export async function GET(req: Request) {
                 <path
                   d="M30 44v-8a9.6 9.6 0 0 0-2-7c6 0 12-4 12-11 .16-2.5-.54-4.96-2-7 .56-2.3.56-4.7 0-7 0 0-2 0-6 3-5.28-1-10.72-1-16 0-4-3-6-3-6-3-.6 2.3-.6 4.7 0 7a10.806 10.806 0 0 0-2 7c0 7 6 11 12 11a9.43 9.43 0 0 0-1.7 3.3c-.34 1.2-.44 2.46-.3 3.7v8"
                   stroke={paint}
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
                 />
                 <path
                   d="M18 36c-9.02 4-10-4-14-4"
                   stroke={paint}
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
                 />
               </svg>
               <div tw="flex ml-2">github.com/iamvishnusankar/next-sitemap</div>

docs/app/components/Footer.tsx

@@ -1,8 +1,4 @@
-import { FC } from 'react'
-
-interface FooterProps {}
-
-const Footer: FC<FooterProps> = ({}) => {
+const Footer = () => {
   return (
     <>
       <div className="bg-neutral-200 dark:bg-slate-900  flex flex-col md:flex-row md:justify-evenly items-center p-3 border-t border-slate-300 dark:border-slate-700 text-sm font-ranadeLight">
@@ -13,6 +9,7 @@ const Footer: FC<FooterProps> = ({}) => {
               href="https://github.com/iamvishnusankar/next-sitemap/graphs/contributors"
               target="_blank"
               className="hover:underline hover:cursor-pointer"
+              rel="noopener noreferrer"
             >
               Vishnu Sankar & Contributors.&nbsp;
             </a>
@@ -23,6 +20,7 @@ const Footer: FC<FooterProps> = ({}) => {
               href="https://www.fontshare.com/"
               target="_blank"
               className="hover:underline hover:cursor-pointer"
+              rel="noopener noreferrer"
             >
               Fontshare.&nbsp;
             </a>
@@ -33,6 +31,7 @@ const Footer: FC<FooterProps> = ({}) => {
             href="https://github.com/iamvishnusankar/next-sitemap/docs"
             target="_blank"
             className="text-slate-400 hover:underline hover:cursor-pointer hover:text-neutral-200"
+            rel="noopener noreferrer"
           >
             Website Source.&nbsp;
           </a>

docs/app/components/Hero.tsx

@@ -1,12 +1,9 @@
 'use client'
-import { FC } from 'react'
 import CodeCopyButton from './CodeCopyButton'
-import { Button } from './blocks/Button'
 import Icons from './Icons'
+import { Button } from './blocks/Button'
 
-interface HeroProps {}
-
-const Hero: FC<HeroProps> = ({}) => {
+const Hero = () => {
   return (
     <>
       <main className="flex bg-neutral-200 dark:bg-slate-900 relative min-h-[94.5vh] max-w-screen overflow-hidden flex-col items-center justify-center p-8 xl:p-24 max-md:mt-16">

docs/app/components/Navbar.tsx

@@ -3,7 +3,6 @@ import Link from 'next/link'
 import { ThemeToggle } from './ThemeToggle'
 import { buttonVariants } from './blocks/Button'
 import SocialIcons from './blocks/SocialIcons'
-import { useState } from 'react'
 
 const Navbar = async () => {
   return (

docs/app/components/Navbar/Navbar.tsx

@@ -1,13 +1,12 @@
 'use client'
-import React, { useState, useCallback, useEffect } from 'react'
+import { useRouter } from 'next/navigation'
+import { useCallback, useState } from 'react'
 import MobileMenu from './MobileMenu'
 import MenuItem from './NavbarItem'
-import { useRouter } from 'next/navigation'
 
-import { Menu } from 'lucide-react'
-import SocialIcons from '../blocks/SocialIcons'
-import { ThemeToggle } from '../ThemeToggle'
 import Icons from '../Icons'
+import { ThemeToggle } from '../ThemeToggle'
+import SocialIcons from '../blocks/SocialIcons'
 
 const Navbar = () => {
   const [showMobileMenu, setShowMobileMenu] = useState(false)

docs/app/components/blocks/SocialIcons.tsx

@@ -1,8 +1,4 @@
-import { FC } from 'react'
-
-interface SocialIconsProps {}
-
-const SocialIcons: FC<SocialIconsProps> = ({}) => {
+const SocialIcons = () => {
   return (
     <>
       <div className="flex ">
@@ -11,6 +7,7 @@ const SocialIcons: FC<SocialIconsProps> = ({}) => {
           aria-label="Github Repo link"
           href="https://github.com/iamvishnusankar/next-sitemap"
           target="_blank"
+          rel="noopener noreferrer"
           className="px-3 pt-[6px] transition-all text-slate-950 hover:text-slate-900 dark:rotate-0 dark:scale-100 dark:text-slate-400 dark:hover:text-slate-100"
         >
           <svg
@@ -33,6 +30,7 @@ const SocialIcons: FC<SocialIconsProps> = ({}) => {
           aria-label="npm package page link"
           href="https://www.npmjs.com/package/next-sitemap"
           target="_blank"
+          rel="noopener noreferrer"
           className="px-3 pt-[4px] transition-all text-slate-950 hover:text-slate-900 dark:rotate-0 dark:scale-100 dark:text-slate-400 dark:hover:text-slate-100"
         >
           npm

docs/app/components/cards/card.tsx

@@ -1,10 +1,7 @@
-import { FC } from 'react'
 import CardItem from './cardItem'
 import { exampleData } from './data'
 
-interface cardProps {}
-
-const Card: FC<cardProps> = ({}) => {
+const Card = () => {
   return (
     <>
       {exampleData.map((data) => {

docs/app/components/docsMenu/But.tsx

@@ -1,16 +1,14 @@
 'use client'
-import React, { useState, useCallback } from 'react'
-import { useRouter } from 'next/navigation'
-import MenuButton from './MenuButton'
+import { useCallback, useState } from 'react'
 import Icons from '../Icons'
+import MenuButton from './MenuButton'
 
 const But = () => {
   const [showMobileMenu, setShowMobileMenu] = useState(false)
   const toggleMobileMenu = useCallback(() => {
     setShowMobileMenu((current) => !current)
   }, [])
 
-  const router = useRouter()
   return (
     <nav className="w-full fixed z-10">
       <div className="flex flex-row items-center md:justify-between transition duration-500 bg-neutral-200 dark:bg-slate-900/50 backdrop-blur-sm shadow-sm pr-[2vw] lg:px-[4vw] 2xl:px-[10vw]">

docs/app/components/docsMenu/MenuButton.tsx

@@ -1,15 +1,14 @@
 'use client'
+import { docsConfig } from '@/config/docs'
 import React from 'react'
-import { useRouter } from 'next/navigation'
 import { DocsSidebarNav } from '../sidebar-nav'
-import { docsConfig } from '@/config/docs'
 
 interface MenuButtonProps {
   visible?: boolean
 }
 
 const MenuButton: React.FC<MenuButtonProps> = ({ visible }) => {
-  const router = useRouter()
+
   if (!visible) {
     return null
   }

docs/app/examples/page.tsx

@@ -1,8 +1,7 @@
-import { FC } from 'react'
-import Card from '../components/cards/card'
 import { siteExampleConfig } from '@/config/site'
+import Card from '../components/cards/card'
+
 
-interface pageProps {}
 export const metadata = {
   title: 'next-sitemap - Examples',
   description: 'Examples where next-sitemap has been utilized.',
@@ -23,7 +22,7 @@ export const metadata = {
   },
 }
 
-const page: FC<pageProps> = ({}) => {
+const page = () => {
   return (
     <>
       <main className="flex bg-neutral-200 dark:bg-slate-900 relative min-h-[94.5vh] max-w-screen overflow-hidden flex-col items-center justify-center py-12 px-5 xl:p-24 2xl:px-56">

docs/lib/toc.ts

@@ -1,5 +1,4 @@
 // @ts-nocheck
-// TODO: Fix this when we turn strict mode on.
 
 import { toc } from 'mdast-util-toc'
 import { remark } from 'remark'