@tsed/react-formio 2.1.0 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsed/react-formio",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Provide a react formio wrapper. Written in TypeScript.",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
@@ -30,8 +30,8 @@
     "tooltip.js": ">=1.3.3"
   },
   "devDependencies": {
-    "@tsed/tailwind": "2.1.0",
-    "@tsed/tailwind-formio": "2.1.0"
+    "@tsed/tailwind": "2.1.2",
+    "@tsed/tailwind-formio": "2.1.2"
   },
   "repository": "https://github.com/TypedProject/tsed-formio",
   "bugs": {

package/src/components/table/components/defaultCells.component.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { Row } from "react-table";
 
 export function DefaultCells<Data extends object = {}>({ row }: { row: Row<Data> }) {

package/src/components/table/components/dragNDropContainer.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 

package/src/components/table/hooks/useCustomTable.hook.tsx

@@ -1,5 +1,5 @@
 import noop from "lodash/noop";
-import React, { PropsWithChildren, useState } from "react";
+import React, { PropsWithChildren, useEffect, useState } from "react";
 import { CellProps, FilterProps, Renderer, TableOptions, useFilters, useGroupBy, usePagination, useSortBy, useTable } from "react-table";
 
 import { OnClickOperation, Operation, QueryOptions } from "../../../interfaces";
@@ -157,6 +157,11 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
 
   // DND
   const [records, setRecords] = useState<Data[]>(data);
+
+  useEffect(() => {
+    setRecords(data);
+  }, [data]);
+
   const _onDrag = (dragIndex: number, hoverIndex: number) => {
     const newRecords = swapElements([...records], dragIndex, hoverIndex);