lazy-loading-expandable-4-updating-table-instance-component.js

{
  Header: () => null,
  id: 'expander',
  Cell: ({ row, isLoading, isExpanded }) => {
    const toggleRowExpandedProps = row.getToggleRowExpandedProps();

    const onClick = async event => {
      if (!isLoading) {
        if (!isExpanded) {
          await onClickRow(row);
        }
        toggleRowExpandedProps.onClick(event);
      }
    }

    if (isLoading) {
      return <span>🔄</span>
    }

    return (
      <span
        {...row.getToggleRowExpandedProps({
          style: {
            paddingLeft: `${row.depth}rem`,
          },
        })}
        onClick={onClick}
      >
        {row.isExpanded ? '🔽' : '▶️'}
      </span>
    )
  },
},