Merge pull request #72 from contentstack/fix/legacy-peer-deps

fix/ECO-2515-fixed-legacy-peer-flag-requirement.

Author: Contentstack-AnkitaD

components/devtools.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import dynamic from 'next/dynamic';
 import Tooltip from './tool-tip';
 
-const DynamicReactJson = dynamic(import('react-json-view'), { ssr: false });
+const DynamicJsonViewer = dynamic(() => import('@textea/json-viewer').then((module) => ({ default: module.JsonViewer })), { ssr: false });
 
 function filterObject(inputObject: any) {
   const unWantedProps = [
@@ -87,10 +87,10 @@ const DevTools = ({ response }: any) => {
             {response ? (
               <pre id="jsonViewer">
                 {response && (
-                  <DynamicReactJson
-                    src={filteredJson}
-                    collapsed={1}
-                    name="response"
+                  <DynamicJsonViewer
+                    value={filteredJson}
+                    defaultInspectDepth={1}
+                    rootName="response"
                     displayDataTypes={false}
                     enableClipboard={false}
                     style={{ color: '#C8501E' }}