fix: unpack npm modules + rename JSONRequest to JSONRequestEditor

package.json

@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@etclabscore/monaco-add-json-schema-diagnostics": "^1.0.3",
-    "@etclabscore/react-monaco-editor": "file:../../etclabscore-react-monaco-editor-0.0.0-development.tgz",
+    "@etclabscore/react-monaco-editor": "^1.0.2",
     "@material-ui/core": "^4.7.2",
     "@material-ui/icons": "^4.5.1",
     "@monaco-editor/react": "^2.3.0",

src/containers/Inspector.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, ChangeEvent, Dispatch, useRef } from "react";
 import SplitPane from "react-split-pane";
-import JSONRPCRequest from "./JSONRPCRequest";
+import JSONRPCRequestEditor from "./JSONRPCRequestEditor";
 import PlayCircle from "@material-ui/icons/PlayCircleFilled";
 import { IconButton, AppBar, Toolbar, Typography, Button, InputBase } from "@material-ui/core";
 import { Client, RequestManager, HTTPTransport, WebSocketTransport } from "@open-rpc/client-js";
@@ -127,6 +127,7 @@ const Inspector: React.FC<IProps> = (props) => {
     }
   };
 
+
   return (
     <>
       <AppBar elevation={0}>
@@ -170,7 +171,7 @@ const Inspector: React.FC<IProps> = (props) => {
             (editorRef.current as any).layout();
           }
         }}>
-        <JSONRPCRequest
+        <JSONRPCRequestEditor
           onChange={(val) => {
             setJson(JSON.parse(val));
           }}

src/containers/JSONRPCRequest.tsx → src/containers/JSONRPCRequestEditor.tsx

@@ -11,7 +11,7 @@ interface IProps {
   value: any;
 }
 
-const JSONRPCRequest: React.FC<IProps> = (props) => {
+const JSONRPCRequestEditor: React.FC<IProps> = (props) => {
   const editorRef = useRef();
   const windowSize = useWindowSize();
 
@@ -95,4 +95,4 @@ const JSONRPCRequest: React.FC<IProps> = (props) => {
   );
 };
 
-export default JSONRPCRequest;
+export default JSONRPCRequestEditor;