fix:Contact Page + .env

Author: JiyaGupta-cs

src/components/Contact.jsx

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import axios from "axios";
-import env from "react-dotenv";
-
+const url = process.env.REACT_APP_BACKEND_URL;
 import {
   FaDiscord,
   FaReddit,
@@ -12,7 +11,6 @@ import {
 } from 'react-icons/fa';
 
 const Contact = () => {
-  const url = env.url;
   const [data, setData] = useState({
     name: "",
     email: "",

vite.config.ts

@@ -1,25 +1,16 @@
-import { defineConfig } from "vite";
+import path from "path";
 import react from "@vitejs/plugin-react";
-import viteTsconfigPaths from "vite-tsconfig-paths";
-import svgrPlugin from "vite-plugin-svgr";
-
-// https://vitejs.dev/config/
+import { defineConfig } from "vite";
+import { config } from 'dotenv';
+config();
 export default defineConfig({
-  server: {
-    watch: {
-      usePolling: true,
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
     },
-    host: true,
-    port: 8080,
   },
-
-  plugins: [
-    react(),
-    viteTsconfigPaths(),
-    svgrPlugin({
-      svgrOptions: {
-        icon: true,
-      },
-    }),
-  ],
-});
+  define: {
+    'process.env': process.env
+  }
+});