Abstract socket logic

Author: apsinghdev

client/package-lock.json

@@ -1,11 +1,9 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import { useEffect, useRef, useState } from "react";
 import "./App.css";
-import { io } from "socket.io-client";
 import * as Y from "yjs";
 import { SocketIOProvider } from "y-socket.io";
-
-const socket = io("http://localhost:8000");
+import socket from "./Socket";
 
 import Sidebar from "./components/Sidebar";
 import Canvas from "./components/Canvas";

client/src/App.jsx

@@ -0,0 +1,7 @@
+import { io } from "socket.io-client";
+
+const PORT = "http://localhost:8000";
+
+const socket = io(PORT);
+
+export default socket;