|
@@ -55,6 +55,11 @@ export const defaultValue = [
|
|
|
|
|
|
export const JsonEditor: React.FC = () => {
|
|
export const JsonEditor: React.FC = () => {
|
|
const [json, setJson] = useLocalStorage("json", JSON.stringify(defaultValue));
|
|
const [json, setJson] = useLocalStorage("json", JSON.stringify(defaultValue));
|
|
|
|
+ const [initialJson, setInitialJson] = React.useState(json);
|
|
|
|
+
|
|
|
|
+ React.useEffect(() => {
|
|
|
|
+ setInitialJson(json);
|
|
|
|
+ }, []);
|
|
|
|
|
|
React.useEffect(() => {
|
|
React.useEffect(() => {
|
|
const element = document.querySelector(
|
|
const element = document.querySelector(
|
|
@@ -71,7 +76,7 @@ export const JsonEditor: React.FC = () => {
|
|
|
|
|
|
return (
|
|
return (
|
|
<StyledJSONInput
|
|
<StyledJSONInput
|
|
- placeholder={JSON.parse(json)}
|
|
|
|
|
|
+ placeholder={JSON.parse(initialJson)}
|
|
onChange={handleChange}
|
|
onChange={handleChange}
|
|
locale={locale}
|
|
locale={locale}
|
|
height="100%"
|
|
height="100%"
|