diff --git a/pages/404.tsx b/pages/404.tsx
index fd4af429..29f234d5 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -3,9 +3,7 @@ import { serverSideTranslations } from "next-i18next/serverSideTranslations";
 import { useRouter } from "next/router";
 import { GetStaticProps } from "next/types";
 
-interface Props {}
-
-function Custom404({}: Props): ReactElement {
+function Custom404(): ReactElement {
   const router = useRouter();
   if (typeof window !== "undefined") {
     router.push("/");
diff --git a/src/Common/InputTypes/AutoCompleteCountry.tsx b/src/Common/InputTypes/AutoCompleteCountry.tsx
index 2879b9cb..0d59aa44 100644
--- a/src/Common/InputTypes/AutoCompleteCountry.tsx
+++ b/src/Common/InputTypes/AutoCompleteCountry.tsx
@@ -28,7 +28,7 @@ export default function CountrySelect(props: {
     | null
     | undefined;
   name: string | undefined;
-  defaultValue: String | undefined;
+  defaultValue: string | undefined;
   onValueChange: (value: string) => void;
 }) {
   const { t, ready } = useTranslation("country");
diff --git a/src/Donations/Components/SelectProject.tsx b/src/Donations/Components/SelectProject.tsx
index 5066dd45..c9283c4a 100644
--- a/src/Donations/Components/SelectProject.tsx
+++ b/src/Donations/Components/SelectProject.tsx
@@ -13,9 +13,7 @@ import SearchIcon from "../../../public/assets/icons/SearchIcon";
 import themeProperties from "../../../styles/themeProperties";
 import { DONATE } from "src/Utils/donationStepConstants";
 
-interface Props {}
-
-function SelectProject({}: Props): ReactElement {
+function SelectProject(): ReactElement {
   const {
     selectedProjects,
     allProjects,
diff --git a/src/Donations/Micros/Authentication.tsx b/src/Donations/Micros/Authentication.tsx
index 0d265caa..1ed884c9 100644
--- a/src/Donations/Micros/Authentication.tsx
+++ b/src/Donations/Micros/Authentication.tsx
@@ -18,9 +18,7 @@ import { Skeleton } from "@material-ui/lab";
 import { ContactDetails } from "src/Common/Types";
 import { User } from "src/Common/Types/user";
 
-interface Props {}
-
-function Authentication({}: Props): ReactElement {
+function Authentication(): ReactElement {
   const {
     setContactDetails,
     setshowErrorCard,
diff --git a/src/Donations/Micros/FrequencyOptions.tsx b/src/Donations/Micros/FrequencyOptions.tsx
index ff3b3de4..555433bd 100644
--- a/src/Donations/Micros/FrequencyOptions.tsx
+++ b/src/Donations/Micros/FrequencyOptions.tsx
@@ -2,9 +2,7 @@ import { useTranslation } from "next-i18next";
 import React, { ReactElement } from "react";
 import { QueryParamContext } from "../../Layout/QueryParamContext";
 
-interface Props {}
-
-function FrequencyOptions({}: Props): ReactElement {
+function FrequencyOptions(): ReactElement {
   const { paymentSetup, setfrequency, frequency } =
     React.useContext(QueryParamContext);
   const { t } = useTranslation(["common"]);
diff --git a/src/Donations/index.tsx b/src/Donations/index.tsx
index d744dafd..8a161bb1 100644
--- a/src/Donations/index.tsx
+++ b/src/Donations/index.tsx
@@ -21,9 +21,7 @@ import { useRouter } from "next/router";
 import BackButton from "public/assets/icons/BackButton";
 import { FetchedProjectDetails } from "src/Common/Types";
 
-interface Props {}
-
-function Donations({}: Props): ReactElement {
+function Donations(): ReactElement {
   const router = useRouter();
 
   const { donationStep, setdonationStep } = React.useContext(QueryParamContext);