packages/devtools-ui/src/reload-on-changes.tsx
import React from "react";
import {
DevToolsContext,
DevtoolsEvent,
receive,
} from "@refinedev/devtools-shared";
export const ReloadOnChanges = () => {
const { ws } = React.useContext(DevToolsContext);
React.useEffect(() => {
if (ws) {
const unsubscribe = receive(ws, DevtoolsEvent.RELOAD, () => {
window.location.reload();
});
return unsubscribe;
}
return () => 0;
}, [ws]);
return null;
};