adding another plugin slowly adding to it

packages/desktop/src/electron/preload.ts

@@ -1,7 +1,5 @@
-import Channels, { Dimensions } from "./constants";
-import { contextBridge, ipcRenderer } from "electron";
-
-import { STORE_ITEMS } from "./constants";
+import Channels, { Dimensions, STORE_ITEMS } from './constants';
+import { contextBridge, ipcRenderer } from 'electron';
 
 const electronAPI = {
   auth: {
@@ -11,10 +9,10 @@ const electronAPI = {
   },
   store: {
     get(val: STORE_ITEMS) {
-      return ipcRenderer.invoke("electron-store-get", val);
+      return ipcRenderer.invoke('electron-store-get', val);
     },
     set(property: STORE_ITEMS, val: any) {
-      ipcRenderer.send("electron-store-set", property, val);
+      ipcRenderer.send('electron-store-set', property, val);
     },
     // Other method you want to add like has(), reset(), etc.
   },
@@ -26,7 +24,7 @@ const electronAPI = {
   },
 
   on(channel: Channels, func: any) {
-    const validChannels = ["ipc-example"];
+    const validChannels = ['ipc-example'];
     // if (validChannels.includes(channel)) {
     //   // Deliberately strip event as it includes `sender`
     //   ipcRenderer.on(channel, (event, ...args) => func(...args));
@@ -45,6 +43,6 @@ const electronAPI = {
   },
 };
 
-contextBridge.exposeInMainWorld("electronAPI", electronAPI);
+contextBridge.exposeInMainWorld('electronAPI', electronAPI);
 
 export default electronAPI;

packages/desktop/src/providers/SocketProvider.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function SocketProvider() {
+  return <div></div>;
+}