🔧 fix(dictAreaModal/index.tsx): add useEffect hook to update dictObj state when value prop changes

🔧 fix(dictAreaModal/index.tsx): initialize dictObj state with value prop on component mount
This commit is contained in:
Cristhian Zanforlin Lousa 2023-09-18 21:16:10 -03:00
commit 7d3f2377a5

View file

@ -4,7 +4,7 @@ import "ace-builds/src-noconflict/mode-python";
import "ace-builds/src-noconflict/theme-github";
import "ace-builds/src-noconflict/theme-twilight";
// import "ace-builds/webpack-resolver";
import { useState } from "react";
import { useEffect, useState } from "react";
import JsonView from "react18-json-view";
import "react18-json-view/src/dark.css";
import "react18-json-view/src/style.css";
@ -21,6 +21,10 @@ export default function DictAreaModal({
const [open, setOpen] = useState(false);
const [dictObj, setDictObj] = useState(value);
useEffect(() => {
if (value) setDictObj(value);
}, [value]);
return (
<BaseModal size="medium-h-full" open={open} setOpen={setOpen}>
<BaseModal.Trigger>{children}</BaseModal.Trigger>