TextEditor: fix values not saving in react 17

(thanks @oliviertassinari ) mui/material-ui#25560 (comment) facebook/react#17925
rowyio · Jul 5, 2021 · 19aff5f · 19aff5f
1 parent 154be1e
commit 19aff5f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/www/src/components/Table/editors/TextEditor.tsx b/www/src/components/Table/editors/TextEditor.tsx
@@ -1,4 +1,4 @@
-import { useRef, useEffect } from "react";
+import { useRef, useLayoutEffect } from "react";
 import { EditorProps } from "react-data-grid";
 
 import { makeStyles, createStyles, TextField } from "@material-ui/core";
@@ -47,7 +47,7 @@ export default function TextEditor({ row, column }: EditorProps<any>) {
 
   const inputRef = useRef<HTMLInputElement>(null);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     return () => {
       const newValue = inputRef.current?.value;
       if (newValue !== undefined && updateCell) {