add SVGR module

next.config.ts

@@ -4,7 +4,7 @@ const nextConfig: NextConfig = {
     reactStrictMode: true,
     webpack(config) {
         config.module.rules.push({
-            test: /\.svg$/,
+            test: /\.svg$/i,
             use: ['@svgr/webpack']
         });
         return config;

src/components/Hero/Hero.tsx

@@ -3,7 +3,7 @@ import Typography from "@/components/Typography/Typography";
 import BackgroundImage from "@/components/BackgroundImage/BackgroundImage";
 import CountdownTimer from "@/components/Countdown/Countdown"
 import Container from "@/layouts/Container";
-import MMFRFull from "./mmfr25-full.svg";
+import MMFRFull from "/public/images/mmfr25-full.svg";
 
 const Hero = () => {
     return (

src/layouts/Footer/Footer.tsx

@@ -3,10 +3,10 @@ import About from "@/components/About/About";
 import Typography from "@/components/Typography/Typography";
 import {List as FooterMenu} from "@/components/List/List";
 import Container from "@/layouts/Container";
-import FooterLogo from "./logo_macaron.svg";
-import HashtagMMFR from "./mmfr2025-footer.svg";
-import FooterPatternLeft from "./footer_pattern_left.svg";
-import FooterPatternRight from "./footer_pattern_right.svg";
+import FooterLogo from "/public/images/logo_macaron.svg";
+import HashtagMMFR from "/public/images/mmfr2025-footer.svg";
+import FooterPatternLeft from "/public/images/footer_pattern_left.svg";
+import FooterPatternRight from "/public/images/footer_pattern_right.svg";
 import {Content, ListItem} from "@/components/List/List.types";
 import {FaLinkedinIn, FaYoutube} from "react-icons/fa";
 import Link from "next/link";

svgr.d.ts

@@ -0,0 +1,5 @@
+declare module '*.svg' {
+    import { FC, SVGProps } from "react";
+    const content: FC<SVGProps<SVGElement>>;
+    export default content;
+}

tsconfig.json

@@ -22,6 +22,12 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "svgr.d.ts",
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }