bugfix: useObject original default params reinstated

- some typing for files changed
KBDEV-1095

src/components/RecordFormDialog/index.tsx

@@ -31,7 +31,7 @@ const RecordFormDialog = (props: RecordFormDialogProps) => {
     onClose,
     onError,
     onSubmit,
-    title,
+    title = '',
     variant,
     value,
     ...rest
@@ -70,6 +70,7 @@ const RecordFormDialog = (props: RecordFormDialogProps) => {
           modelName={modelName}
           onError={onError}
           onSubmit={onSubmit}
+          title={title}
           value={value}
           variant={variant}
         />
@@ -78,9 +79,4 @@ const RecordFormDialog = (props: RecordFormDialogProps) => {
   );
 };
 
-RecordFormDialog.defaultProps = {
-  isOpen: false,
-  title: '',
-};
-
 export default RecordFormDialog;

src/components/hooks/useObject.tsx

@@ -41,11 +41,11 @@ function useObject<T extends object>(initialValue: T): {
     setContent({ type: 'update', payload: { name, value } });
   }, [setContent]);
 
-  const update = useCallback((newContent: Partial<T>) => {
+  const update = useCallback((newContent: Partial<T> = {} as T) => {
     setContent({ type: 'bulk-update', payload: newContent });
   }, [setContent]);
 
-  const replace = useCallback((newContent: T) => {
+  const replace = useCallback((newContent: T = {} as T) => {
     setContent({ type: 'replace', payload: newContent });
   }, [setContent]);
 
@@ -55,8 +55,8 @@ function useObject<T extends object>(initialValue: T): {
   }, [content, setContent]);
 
   useDeepCompareEffect(() => {
-    replace(initialValue);
-  }, [initialValue]);
+    replace(initialValue || {});
+  }, [initialValue || {}]);
 
   return {
     content,

src/views/AdminView/components/AdminTable/index.tsx

@@ -9,13 +9,15 @@ import {
 } from '@material-ui/core';
 import AddIcon from '@material-ui/icons/Add';
 import EditIcon from '@material-ui/icons/Edit';
+import { ColDef } from 'ag-grid-community';
 import { AgGridReact } from 'ag-grid-react';
 import React, {
   useCallback,
   useState,
 } from 'react';
 
 import RecordFormDialog from '@/components/RecordFormDialog';
+import { GeneralRecordType } from '@/components/types';
 import { FORM_VARIANT } from '@/components/util';
 
 interface AdminTableProps {
@@ -31,7 +33,7 @@ interface AdminTableProps {
  * Component for managing AdminView User form state.
  */
 const AdminTable = ({ onChange, records = [], variant = 'User' }: AdminTableProps) => {
-  const [recordOpen, setRecordOpen] = useState(null);
+  const [recordOpen, setRecordOpen] = useState<GeneralRecordType | null>();
   const [dialogOpen, setDialogOpen] = useState(false);
 
   const handleOpenEditDialog = (record) => {
@@ -60,7 +62,7 @@ const AdminTable = ({ onChange, records = [], variant = 'User' }: AdminTableProp
     onChange();
   }, [onChange]);
 
-  const colDefs = [
+  const colDefs: ColDef[] = [
     {
       headerName: 'record ID',
       field: '@rid',
@@ -93,7 +95,7 @@ const AdminTable = ({ onChange, records = [], variant = 'User' }: AdminTableProp
         flex: true,
         valueGetter: ({ data: { groups } }) => groups?.map((group) => group.name).join(', ') ?? '',
       },
-    ]);
+    ] as ColDef[]);
   }
   colDefs.push(...[
     {