How to apply onClick on tr except one td?

You can use stopPropagation() on click of the last td:

<tr
  className="cursor-pointer"
  key={activity._id}
  onClick={() =>
    activeTab === "active"
      ? this.setState({ activity, completeModal: true })
      : this.setState({ activity, showModal: true })
  }
>
  <td>{moment(activity.date).format("MM/DD/YY h:mm a")}</td>
  <td>{activity.manifestNumber}</td>
  <td>
    <NumberFormat
      thousandSeparator={true}
      displayType={"text"}
      value={activity.grossWeight}
    />{" "}
    lbs
  </td>
  <td onClick={e => e.stopPropagation()}>{activity.facility.name}</td>
</tr>

If you give that last td an id attribute, you could use the event.target.id value in the onClick handler to not do anything if it matches that id, e.g.:

onClick={event => {
  if (event.target.id === 'someId') {
    return;
  }

  if (activeTab === "active") {
    this.setState({ activity, completeModal: true })
  }
  else {
    this.setState({ activity, showModal: true })
  }
}}

<td id={'someId'}>{activity.facility.name}</td>

Demo: https://codesandbox.io/s/winter-frog-o9dxr

stopPropagation, only the cellHandler is called while the TR's click handler never fires.

export default function App() {
  const rowHanlder = () => {
    console.log("rowHanlder");
  };

  const cellHandler = () => {
    console.log("cellHandler");
  };

  return (
    <div className="App">
      <table border="1" cellpadding="4">
        <tr onClick={() => rowHanlder()}>
          <td>Cell #1</td>
          <td>Cell #2</td>
          <td
            onClick={(e) => {
              e.stopPropagation();
              cellHandler();
            }}
          >
            Cell #3 - Second Last Cell
          </td>
          <td
            onClick={(e) => {
              e.stopPropagation();
              cellHandler();
            }}
          >
            Cell #4 - Last Cell
          </td>
        </tr>
      </table>
    </div>
  );
}