chore: add process.env.NODE_ENV

src/Body/BodyRow.tsx

@@ -208,6 +208,8 @@ function BodyRow<RecordType extends { children?: readonly RecordType[] }>(
   );
 }
 
-BodyRow.displayName = 'BodyRow';
+if (process.env.NODE_ENV !== 'production') {
+  BodyRow.displayName = 'BodyRow';
+}
 
 export default responseImmutable(BodyRow);

src/Body/index.tsx

@@ -114,6 +114,8 @@ function Body<RecordType>(props: BodyProps<RecordType>) {
   );
 }
 
-Body.displayName = 'Body';
+if (process.env.NODE_ENV !== 'production') {
+  Body.displayName = 'Body';
+}
 
 export default responseImmutable(Body);

src/FixedHolder/index.tsx

@@ -170,7 +170,9 @@ const FixedHolder = React.forwardRef<HTMLDivElement, FixedHeaderProps<unknown>>(
   );
 });
 
-FixedHolder.displayName = 'FixedHolder';
+if (process.env.NODE_ENV !== 'production') {
+  FixedHolder.displayName = 'FixedHolder';
+}
 
 /** Return a table in div as fixed element which contains sticky info */
 // export default responseImmutable(FixedHolder);

src/Header/HeaderRow.tsx

@@ -54,7 +54,7 @@ function HeaderRow<RecordType>({
           flattenColumns,
           stickyOffsets,
           direction,
-          column
+          column,
         );
 
         let additionalProps: React.HTMLAttributes<HTMLElement>;
@@ -81,6 +81,8 @@ function HeaderRow<RecordType>({
   );
 }
 
-HeaderRow.displayName = 'HeaderRow';
+if (process.env.NODE_ENV !== 'production') {
+  HeaderRow.displayName = 'HeaderRow';
+}
 
 export default HeaderRow;

src/Table.tsx

@@ -877,10 +877,8 @@ function Table<RecordType extends DefaultRecordType>(
 }
 
 export type ForwardGenericTable = (<RecordType extends DefaultRecordType = any>(
-  props: TableProps<RecordType> & { ref?: React.Ref<Reference> },
-) => React.ReactElement) & {
-  displayName?: string;
-};
+  props: TableProps<RecordType> & React.RefAttributes<Reference>,
+) => React.ReactElement) & { displayName?: string };
 
 const RefTable = React.forwardRef(Table) as ForwardGenericTable;
 

src/VirtualTable/index.tsx

@@ -84,10 +84,8 @@ function VirtualTable<RecordType>(props: VirtualTableProps<RecordType>, ref: Rea
 }
 
 export type ForwardGenericVirtualTable = (<RecordType>(
-  props: TableProps<RecordType> & { ref?: React.Ref<Reference> },
-) => React.ReactElement) & {
-  displayName?: string;
-};
+  props: TableProps<RecordType> & React.RefAttributes<Reference>,
+) => React.ReactElement) & { displayName?: string };
 
 const RefVirtualTable = React.forwardRef(VirtualTable) as ForwardGenericVirtualTable;
 

src/hooks/useRenderTimes.tsx

@@ -38,4 +38,7 @@ export const RenderBlock = React.memo(() => {
   const times = useRenderTimes();
   return <h1>Render Times: {times}</h1>;
 });
-RenderBlock.displayName = 'RenderBlock';
+
+if (process.env.NODE_ENV !== 'production') {
+  RenderBlock.displayName = 'RenderBlock';
+}

tests/Virtual.spec.tsx

@@ -77,7 +77,7 @@ describe('Table.Virtual', () => {
     });
   }
 
-  function getTable(props?: Partial<VirtualTableProps<any>> & { ref?: React.Ref<Reference> }) {
+  function getTable(props?: Partial<VirtualTableProps<any>> & React.RefAttributes<Reference>) {
     return render(
       <VirtualTable
         columns={[