fix: resolve the BodyCell onClick handler auto call issue

Author: knightburton

src/components/BodyCell.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, useCallback } from 'react';
 import BodyCellContent, { BodyCellContentProps } from './BodyCellContent';
 import { BodyCellType } from '../types';
 import styles from './styles.less';
@@ -16,8 +16,10 @@ export interface BodyCellProps {
 const BodyCell = ({ data, locale, contentComponent: ContentComponent, onClick, className, contentClassName }: BodyCellProps): JSX.Element => {
   const classes = useMemo(() => classnames(styles.body__cell, className), [className]);
 
+  const handleClick = useCallback(() => onClick && onClick(data), [data, onClick]);
+
   return (
-    <li className={classes} onClick={(!!onClick && onClick(data)) || undefined} role="presentation">
+    <li className={classes} onClick={(!!onClick && handleClick) || undefined} role="presentation">
       <BodyCellContent data={data} locale={locale} component={ContentComponent} className={contentClassName} />
     </li>
   );