Lint all the things

client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx

@@ -1,6 +1,5 @@
 import { useQuery } from "@apollo/client";
 import { Modal } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -25,8 +24,8 @@ function JobReconciliationModalContainer({ reconciliationModal, toggleModalVisib
   const { job } = context;
 
   const { loading, error, data } = useQuery(GET_JOB_RECONCILIATION_BY_PK, {
-    variables: { id: job && job.id },
-    skip: !(job && job.id) || !open,
+    variables: { id: job?.id },
+    skip: !job?.id || !open,
     fetchPolicy: "network-only",
     nextFetchPolicy: "network-only"
   });
@@ -49,7 +48,7 @@ function JobReconciliationModalContainer({ reconciliationModal, toggleModalVisib
     >
       {loading && <LoadingSpinner loading={loading} />}
       {error && <AlertComponent message={error.message} type="error" />}
-      {data && <JobReconciliationModalComponent job={data && data.jobs_by_pk} bills={data && data.bills} />}
+      {data && <JobReconciliationModalComponent job={data?.jobs_by_pk} bills={data?.bills} />}
     </Modal>
   );
 }