diff --git a/src/containers/Inspector.tsx b/src/containers/Inspector.tsx index 05aab85..cb566a8 100644 --- a/src/containers/Inspector.tsx +++ b/src/containers/Inspector.tsx @@ -76,11 +76,21 @@ const Inspector: React.FC = (props) => { jsonrpc: "2.0", method: props.openrpcMethodObject.name, params: json.params, - id, + id: id.toString(), }); } // eslint-disable-next-line react-hooks/exhaustive-deps }, []); + useEffect(() => { + if (json) { + setJson({ + ...json, + jsonrpc: "2.0", + id: id.toString(), + }); + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [id]); useEffect(() => { if (props.url) { @@ -94,7 +104,7 @@ const Inspector: React.FC = (props) => { incrementId(); try { const result = await client.request(json.method, json.params); - setResults({ jsonrpc: "2.0", result }); + setResults({ jsonrpc: "2.0", result, id }); } catch (e) { setError(e); } diff --git a/src/containers/JSONRPCRequest.tsx b/src/containers/JSONRPCRequest.tsx index a5f6c6d..26afd62 100644 --- a/src/containers/JSONRPCRequest.tsx +++ b/src/containers/JSONRPCRequest.tsx @@ -3,7 +3,7 @@ import useDarkMode from "use-dark-mode"; import { monaco, ControlledEditor, Monaco } from "@monaco-editor/react"; import { MethodObject } from "@open-rpc/meta-schema"; import useWindowSize from "@rehooks/window-size"; -import { addDiagnostics } from "@etclabscore/monaco-add-json-schema-diagnostics" +import { addDiagnostics } from "@etclabscore/monaco-add-json-schema-diagnostics"; interface IProps { onChange?: (newValue: any) => void;