client metadata caching

packages/web/src/utility/SocketProvider.js

@@ -1,6 +1,7 @@
 import io from 'socket.io-client';
 import React from 'react';
 import resolveApi from './resolveApi';
+import { cacheClean } from './cache';
 
 const SocketContext = React.createContext(null);
 
@@ -10,6 +11,7 @@ export function SocketProvider({ children }) {
     // const newSocket = io('http://localhost:3000', { transports: ['websocket'] });
     const newSocket = io(resolveApi());
     setSocket(newSocket);
+    newSocket.on('clean-cache', (reloadTrigger) => cacheClean(reloadTrigger));
   }, []);
   return <SocketContext.Provider value={socket}>{children}</SocketContext.Provider>;
 }