diff --git a/.eslintrc.js b/.eslintrc.js
index 9ed6c9fe81..2cc79ce787 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,11 +1,18 @@
 const { createConfig } = require('@edx/frontend-build');
 
 module.exports = createConfig('eslint', {
-  overrides: [{
-    files: ["**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec|test).[jt]s?(x)", "setupTest.js"],
-    rules: {
-      'import/named': 'off',
-      'import/no-extraneous-dependencies': 'off',
-    },
-  }],
+  rules: {
+    'import/named': 'off',
+    'import/no-extraneous-dependencies': 'off',
+    'no-restricted-exports': 'off',
+    'react-hooks/exhaustive-deps': 'off',
+    'react-hooks/rules-of-hooks': 'off',
+    'react/function-component-definition': 'off',
+    'react/jsx-no-useless-fragment': 'off',
+    'react/no-unstable-nested-components': 'off',
+    'react/jsx-no-constructed-context-values': 'off',
+    'react/jsx-no-bind': 'off',
+    'react/prop-types': 'off',
+    'react/no-unknown-property': 'off',
+  },
 });
diff --git a/src/alerts/sequence-alerts/hooks.js b/src/alerts/sequence-alerts/hooks.js
index b16dbeb9a4..f0acf50b04 100644
--- a/src/alerts/sequence-alerts/hooks.js
+++ b/src/alerts/sequence-alerts/hooks.js
@@ -35,7 +35,8 @@ function useSequenceEntranceExamAlert(courseId, sequenceId, intl) {
 
   if (entranceExamPassed) {
     entranceExamText = intl.formatMessage(
-      messages.entranceExamTextPassed, { entranceExamCurrentScore: entranceExamCurrentScore * 100 },
+      messages.entranceExamTextPassed,
+      { entranceExamCurrentScore: entranceExamCurrentScore * 100 },
     );
   } else {
     entranceExamText = intl.formatMessage(messages.entranceExamTextNotPassing, {
diff --git a/src/course-home/data/__factories__/courseHomeMetadata.factory.js b/src/course-home/data/__factories__/courseHomeMetadata.factory.js
index fb4781b320..0364a4886c 100644
--- a/src/course-home/data/__factories__/courseHomeMetadata.factory.js
+++ b/src/course-home/data/__factories__/courseHomeMetadata.factory.js
@@ -34,91 +34,89 @@ Factory.define('courseHomeMetadata')
       currency_symbol: '$',
     },
   })
-  .attr(
-    'tabs', ['id', 'host'], (id, host) => [
-      Factory.build(
-        'tab',
-        {
-          title: 'Course',
-          priority: 0,
-          slug: 'courseware',
-          type: 'courseware',
-        },
-        {
-          courseId: id,
-          host,
-          path: 'course/',
-        },
-      ),
-      Factory.build(
-        'tab',
-        {
-          title: 'Discussion',
-          priority: 1,
-          slug: 'discussion',
-          type: 'discussion',
-        },
-        {
-          courseId: id,
-          host,
-          path: 'discussion/forum/',
-        },
-      ),
-      Factory.build(
-        'tab',
-        {
-          title: 'Wiki',
-          priority: 2,
-          slug: 'wiki',
-          type: 'wiki',
-        },
-        {
-          courseId: id,
-          host,
-          path: 'course_wiki',
-        },
-      ),
-      Factory.build(
-        'tab',
-        {
-          title: 'Progress',
-          priority: 3,
-          slug: 'progress',
-          type: 'progress',
-        },
-        {
-          courseId: id,
-          host,
-          path: 'progress',
-        },
-      ),
-      Factory.build(
-        'tab',
-        {
-          title: 'Instructor',
-          priority: 4,
-          slug: 'instructor',
-          type: 'instructor',
-        },
-        {
-          courseId: id,
-          host,
-          path: 'instructor',
-        },
-      ),
-      Factory.build(
-        'tab',
-        {
-          title: 'Dates',
-          priority: 5,
-          slug: 'dates',
-          type: 'dates',
-        },
-        {
-          courseId: id,
-          host,
-          path: 'dates',
-        },
-      ),
-    ],
-  );
+  .attr('tabs', ['id', 'host'], (id, host) => [
+    Factory.build(
+      'tab',
+      {
+        title: 'Course',
+        priority: 0,
+        slug: 'courseware',
+        type: 'courseware',
+      },
+      {
+        courseId: id,
+        host,
+        path: 'course/',
+      },
+    ),
+    Factory.build(
+      'tab',
+      {
+        title: 'Discussion',
+        priority: 1,
+        slug: 'discussion',
+        type: 'discussion',
+      },
+      {
+        courseId: id,
+        host,
+        path: 'discussion/forum/',
+      },
+    ),
+    Factory.build(
+      'tab',
+      {
+        title: 'Wiki',
+        priority: 2,
+        slug: 'wiki',
+        type: 'wiki',
+      },
+      {
+        courseId: id,
+        host,
+        path: 'course_wiki',
+      },
+    ),
+    Factory.build(
+      'tab',
+      {
+        title: 'Progress',
+        priority: 3,
+        slug: 'progress',
+        type: 'progress',
+      },
+      {
+        courseId: id,
+        host,
+        path: 'progress',
+      },
+    ),
+    Factory.build(
+      'tab',
+      {
+        title: 'Instructor',
+        priority: 4,
+        slug: 'instructor',
+        type: 'instructor',
+      },
+      {
+        courseId: id,
+        host,
+        path: 'instructor',
+      },
+    ),
+    Factory.build(
+      'tab',
+      {
+        title: 'Dates',
+        priority: 5,
+        slug: 'dates',
+        type: 'dates',
+      },
+      {
+        courseId: id,
+        host,
+        path: 'dates',
+      },
+    ),
+  ]);
diff --git a/src/course-home/outline-tab/OutlineTab.test.jsx b/src/course-home/outline-tab/OutlineTab.test.jsx
index 20701c5539..d46754355b 100644
--- a/src/course-home/outline-tab/OutlineTab.test.jsx
+++ b/src/course-home/outline-tab/OutlineTab.test.jsx
@@ -380,19 +380,19 @@ describe('Outline Tab', () => {
       ${'Regular'} | ${3}
       ${'Intense'} | ${5}
         `('calls the API with a goal of $days when $level goal is clicked', async ({ level, days }) => {
-  // click on Casual goal
-  const button = await screen.queryByTestId(`weekly-learning-goal-input-${level}`);
-  fireEvent.click(button);
-  // Verify the request was made
-  await waitFor(() => {
-    expect(axiosMock.history.post[0].url).toMatch(goalUrl);
-    // subscribe is turned on automatically
-    expect(axiosMock.history.post[0].data).toMatch(`{"course_id":"${courseId}","days_per_week":${days},"subscribed_to_reminders":true}`);
-    // verify that the additional info about subscriptions shows up
-    expect(screen.queryByText(messages.goalReminderDetail.defaultMessage)).toBeInTheDocument();
-  });
-  expect(screen.getByLabelText(messages.setGoalReminder.defaultMessage)).toBeEnabled();
-});
+        // click on Casual goal
+        const button = await screen.queryByTestId(`weekly-learning-goal-input-${level}`);
+        fireEvent.click(button);
+        // Verify the request was made
+        await waitFor(() => {
+          expect(axiosMock.history.post[0].url).toMatch(goalUrl);
+          // subscribe is turned on automatically
+          expect(axiosMock.history.post[0].data).toMatch(`{"course_id":"${courseId}","days_per_week":${days},"subscribed_to_reminders":true}`);
+          // verify that the additional info about subscriptions shows up
+          expect(screen.queryByText(messages.goalReminderDetail.defaultMessage)).toBeInTheDocument();
+        });
+        expect(screen.getByLabelText(messages.setGoalReminder.defaultMessage)).toBeEnabled();
+      });
       it('shows and hides subscribe to reminders additional text', async () => {
         const button = await screen.getByTestId('weekly-learning-goal-input-Regular');
         fireEvent.click(button);
@@ -783,12 +783,14 @@ describe('Outline Tab', () => {
         const requestingButton = screen.getByRole('button', { name: 'Request certificate' });
         fireEvent.click(requestingButton);
         expect(sendTrackEvent).toHaveBeenCalledTimes(1);
-        expect(sendTrackEvent).toHaveBeenCalledWith('edx.ui.lms.course_outline.certificate_alert_request_cert_button.clicked',
+        expect(sendTrackEvent).toHaveBeenCalledWith(
+          'edx.ui.lms.course_outline.certificate_alert_request_cert_button.clicked',
           {
             courserun_key: courseId,
             is_staff: false,
             org_key: 'edX',
-          });
+          },
+        );
       });
       it('tracks download cert button', async () => {
         sendTrackEvent.mockClear();
@@ -827,12 +829,14 @@ describe('Outline Tab', () => {
         const requestingButton = screen.getByRole('button', { name: 'View my certificate' });
         fireEvent.click(requestingButton);
         expect(sendTrackEvent).toHaveBeenCalledTimes(1);
-        expect(sendTrackEvent).toHaveBeenCalledWith('edx.ui.lms.course_outline.certificate_alert_downloadable_button.clicked',
+        expect(sendTrackEvent).toHaveBeenCalledWith(
+          'edx.ui.lms.course_outline.certificate_alert_downloadable_button.clicked',
           {
             courserun_key: courseId,
             is_staff: false,
             org_key: 'edX',
-          });
+          },
+        );
       });
       it('tracks unverified cert button', async () => {
         sendTrackEvent.mockClear();
@@ -871,12 +875,14 @@ describe('Outline Tab', () => {
         const requestingButton = screen.getByRole('link', { name: 'Verify my ID' });
         fireEvent.click(requestingButton);
         expect(sendTrackEvent).toHaveBeenCalledTimes(1);
-        expect(sendTrackEvent).toHaveBeenCalledWith('edx.ui.lms.course_outline.certificate_alert_unverified_button.clicked',
+        expect(sendTrackEvent).toHaveBeenCalledWith(
+          'edx.ui.lms.course_outline.certificate_alert_unverified_button.clicked',
           {
             courserun_key: courseId,
             is_staff: false,
             org_key: 'edX',
-          });
+          },
+        );
       });
     });
 
diff --git a/src/course-home/outline-tab/widgets/FlagButton.jsx b/src/course-home/outline-tab/widgets/FlagButton.jsx
index 1c7a285944..48375cb212 100644
--- a/src/course-home/outline-tab/widgets/FlagButton.jsx
+++ b/src/course-home/outline-tab/widgets/FlagButton.jsx
@@ -12,8 +12,10 @@ function FlagButton({
   return (
     <button
       type="button"
-      className={classnames('flag-button row w-100 align-content-between m-1.5 py-3.5',
-        isSelected ? 'flag-button-selected' : '')}
+      className={classnames(
+        'flag-button row w-100 align-content-between m-1.5 py-3.5',
+        isSelected ? 'flag-button-selected' : '',
+      )}
       aria-checked={isSelected}
       role="radio"
       onClick={() => handleSelect()}
diff --git a/src/courseware/CoursewareContainer.jsx b/src/courseware/CoursewareContainer.jsx
index f22d840e67..e1c418aa7e 100644
--- a/src/courseware/CoursewareContainer.jsx
+++ b/src/courseware/CoursewareContainer.jsx
@@ -46,7 +46,7 @@ const checkSectionToSequenceRedirect = memoize((courseStatus, courseId, sequence
     // If the section is non-empty, redirect to its first sequence.
     if (section.sequenceIds && section.sequenceIds[0]) {
       history.replace(`/course/${courseId}/${section.sequenceIds[0]}`);
-    // Otherwise, just go to the course root, letting the resume redirect take care of things.
+      // Otherwise, just go to the course root, letting the resume redirect take care of things.
     } else {
       history.replace(`/course/${courseId}`);
     }
@@ -54,32 +54,32 @@ const checkSectionToSequenceRedirect = memoize((courseStatus, courseId, sequence
 });
 
 // Look at where this is called in componentDidUpdate for more info about its usage
-const checkUnitToSequenceUnitRedirect = memoize((
-  courseStatus, courseId, sequenceStatus, sequenceMightBeUnit, sequenceId, section, routeUnitId,
-) => {
-  if (courseStatus === 'loaded' && sequenceStatus === 'failed' && !section && !routeUnitId) {
-    if (sequenceMightBeUnit) {
-      // If the sequence failed to load as a sequence, but it is marked as a possible unit, then we need to look up the
-      // correct parent sequence for it, and redirect there.
-      const unitId = sequenceId; // just for clarity during the rest of this method
-      getSequenceForUnitDeprecated(courseId, unitId).then(
-        parentId => {
-          if (parentId) {
-            history.replace(`/course/${courseId}/${parentId}/${unitId}`);
-          } else {
+const checkUnitToSequenceUnitRedirect = memoize(
+  (courseStatus, courseId, sequenceStatus, sequenceMightBeUnit, sequenceId, section, routeUnitId) => {
+    if (courseStatus === 'loaded' && sequenceStatus === 'failed' && !section && !routeUnitId) {
+      if (sequenceMightBeUnit) {
+        // If the sequence failed to load as a sequence, but it is marked as a possible unit,
+        // then we need to look up the correct parent sequence for it, and redirect there.
+        const unitId = sequenceId; // just for clarity during the rest of this method
+        getSequenceForUnitDeprecated(courseId, unitId).then(
+          parentId => {
+            if (parentId) {
+              history.replace(`/course/${courseId}/${parentId}/${unitId}`);
+            } else {
+              history.replace(`/course/${courseId}`);
+            }
+          },
+          () => { // error case
             history.replace(`/course/${courseId}`);
-          }
-        },
-        () => { // error case
-          history.replace(`/course/${courseId}`);
-        },
-      );
-    } else {
-      // Invalid sequence that isn't a unit either. Redirect up to main course.
-      history.replace(`/course/${courseId}`);
+          },
+        );
+      } else {
+        // Invalid sequence that isn't a unit either. Redirect up to main course.
+        history.replace(`/course/${courseId}`);
+      }
     }
-  }
-});
+  },
+);
 
 // Look at where this is called in componentDidUpdate for more info about its usage
 const checkSequenceToSequenceUnitRedirect = memoize((courseId, sequenceStatus, sequence, unitId) => {
@@ -226,7 +226,13 @@ class CoursewareContainer extends Component {
     //    /course/:courseId/:unitId -> /course/:courseId/:sequenceId/:unitId
     // by filling in the ID of the parent sequence of :unitId.
     checkUnitToSequenceUnitRedirect(
-      courseStatus, courseId, sequenceStatus, sequenceMightBeUnit, sequenceId, sectionViaSequenceId, routeUnitId,
+      courseStatus,
+      courseId,
+      sequenceStatus,
+      sequenceMightBeUnit,
+      sequenceId,
+      sectionViaSequenceId,
+      routeUnitId,
     );
 
     // Check sequence to sequence-unit redirect:
@@ -255,7 +261,7 @@ class CoursewareContainer extends Component {
 
     this.props.checkBlockCompletion(courseId, sequenceId, routeUnitId);
     history.push(`/course/${courseId}/${sequenceId}/${nextUnitId}`);
-  }
+  };
 
   handleNextSequenceClick = () => {
     const {
@@ -274,14 +280,14 @@ class CoursewareContainer extends Component {
         handleNextSectionCelebration(sequenceId, nextSequence.id);
       }
     }
-  }
+  };
 
   handlePreviousSequenceClick = () => {
     const { previousSequence, courseId } = this.props;
     if (previousSequence !== null) {
       history.push(`/course/${courseId}/${previousSequence.id}/last`);
     }
-  }
+  };
 
   render() {
     const {
diff --git a/src/courseware/CoursewareContainer.test.jsx b/src/courseware/CoursewareContainer.test.jsx
index 2fd42b4479..cb7b54ef05 100644
--- a/src/courseware/CoursewareContainer.test.jsx
+++ b/src/courseware/CoursewareContainer.test.jsx
@@ -250,9 +250,7 @@ describe('CoursewareContainer', () => {
     describe('when the URL contains a section ID instead of a sequence ID', () => {
       const {
         courseBlocks, unitTree, sequenceTree, sectionTree,
-      } = buildBinaryCourseBlocks(
-        courseId, courseHomeMetadata.title,
-      );
+      } = buildBinaryCourseBlocks(courseId, courseHomeMetadata.title);
 
       function setUrl(urlSequenceId, urlUnitId = null) {
         history.push(`/course/${courseId}/${urlSequenceId}/${urlUnitId || ''}`);
diff --git a/src/courseware/course/Course.test.jsx b/src/courseware/course/Course.test.jsx
index cd6b0a5a74..193a34689e 100644
--- a/src/courseware/course/Course.test.jsx
+++ b/src/courseware/course/Course.test.jsx
@@ -11,6 +11,7 @@ import Course from './Course';
 jest.mock('@edx/frontend-platform/analytics');
 
 const recordFirstSectionCelebration = jest.fn();
+// eslint-disable-next-line no-import-assign
 celebrationUtils.recordFirstSectionCelebration = recordFirstSectionCelebration;
 
 describe('Course', () => {
@@ -18,9 +19,9 @@ describe('Course', () => {
   let getItemSpy;
   let setItemSpy;
   const mockData = {
-    nextSequenceHandler: () => {},
-    previousSequenceHandler: () => {},
-    unitNavigationHandler: () => {},
+    nextSequenceHandler: () => { },
+    previousSequenceHandler: () => { },
+    unitNavigationHandler: () => { },
   };
 
   beforeAll(async () => {
@@ -224,11 +225,10 @@ describe('Course', () => {
   describe('Sequence alerts display', () => {
     it('renders banner text alert', async () => {
       const courseMetadata = Factory.build('courseMetadata');
-      const sequenceBlocks = [Factory.build(
-        'block', { type: 'sequential', banner_text: 'Some random banner text to display.' },
-      )];
+      const sequenceBlocks = [Factory.build('block', { type: 'sequential', banner_text: 'Some random banner text to display.' })];
       const sequenceMetadata = [Factory.build(
-        'sequenceMetadata', { banner_text: sequenceBlocks[0].banner_text },
+        'sequenceMetadata',
+        { banner_text: sequenceBlocks[0].banner_text },
         { courseId: courseMetadata.id, sequenceBlock: sequenceBlocks[0] },
       )];
 
diff --git a/src/courseware/course/content-tools/calculator/Calculator.jsx b/src/courseware/course/content-tools/calculator/Calculator.jsx
index db577600d5..895632276b 100644
--- a/src/courseware/course/content-tools/calculator/Calculator.jsx
+++ b/src/courseware/course/content-tools/calculator/Calculator.jsx
@@ -341,6 +341,7 @@ class Calculator extends Component {
                         <li>arccsch(4x+y)</li>
                       </ul>
                     </td>
+                    {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
                     <td dir="auto" />
                   </tr>
                   <tr>
diff --git a/src/courseware/course/content-tools/notes-visibility/NotesVisibility.jsx b/src/courseware/course/content-tools/notes-visibility/NotesVisibility.jsx
index 73152c9200..18f54e68d0 100644
--- a/src/courseware/course/content-tools/notes-visibility/NotesVisibility.jsx
+++ b/src/courseware/course/content-tools/notes-visibility/NotesVisibility.jsx
@@ -33,7 +33,7 @@ class NotesVisibility extends Component {
       this.setState((state) => ({ visible: !state.visible }));
       toggleNotes();
     });
-  }
+  };
 
   render() {
     const message = this.state.visible ? 'notes.button.hide' : 'notes.button.show';
diff --git a/src/courseware/course/course-exit/CourseExit.test.jsx b/src/courseware/course/course-exit/CourseExit.test.jsx
index 5c8d0398fd..db7edcbbb8 100644
--- a/src/courseware/course/course-exit/CourseExit.test.jsx
+++ b/src/courseware/course/course-exit/CourseExit.test.jsx
@@ -56,8 +56,10 @@ describe('Course Exit Pages', () => {
     axiosMock = new MockAdapter(getAuthenticatedHttpClient());
     axiosMock.onGet(coursewareMetadataUrl).reply(200, coursewareMetadata);
     axiosMock.onGet(courseHomeMetadataUrl).reply(200, courseHomeMetadata);
-    axiosMock.onGet(discoveryRecommendationsUrl).reply(200,
-      Factory.build('courseRecommendations', {}, { numRecs: 2 }));
+    axiosMock.onGet(discoveryRecommendationsUrl).reply(
+      200,
+      Factory.build('courseRecommendations', {}, { numRecs: 2 }),
+    );
     axiosMock.onGet(enrollmentsUrl).reply(200, []);
     axiosMock.onGet(learningSequencesUrlRegExp).reply(200, buildOutlineFromBlocks(defaultCourseBlocks));
 
@@ -186,17 +188,19 @@ describe('Course Exit Pages', () => {
     });
 
     it('Displays upgrade link when available', async () => {
-      setMetadata({
-        certificate_data: { cert_status: 'audit_passing' },
-      },
-      {
-        verified_mode: {
-          access_expiration_date: '9999-08-06T12:00:00Z',
-          upgrade_url: 'http://localhost:18130/basket/add/?sku=8CF08E5',
-          price: 600,
-          currency_symbol: '€',
+      setMetadata(
+        {
+          certificate_data: { cert_status: 'audit_passing' },
         },
-      });
+        {
+          verified_mode: {
+            access_expiration_date: '9999-08-06T12:00:00Z',
+            upgrade_url: 'http://localhost:18130/basket/add/?sku=8CF08E5',
+            price: 600,
+            currency_symbol: '€',
+          },
+        },
+      );
       await fetchAndRender(<CourseCelebration />);
       // Keep these text checks in sync with "audit only" test below, so it doesn't end up checking for text that is
       // never actually there, when/if the text changes.
@@ -208,12 +212,14 @@ describe('Course Exit Pages', () => {
     });
 
     it('Displays nothing if audit only', async () => {
-      setMetadata({
-        certificate_data: { cert_status: 'audit_passing' },
-      },
-      {
-        verified_mode: null,
-      });
+      setMetadata(
+        {
+          certificate_data: { cert_status: 'audit_passing' },
+        },
+        {
+          verified_mode: null,
+        },
+      );
       await fetchAndRender(<CourseCelebration />);
       // Keep these queries in sync with "upgrade link" test above, so we don't end up checking for text that is
       // never actually there, when/if the text changes.
@@ -318,8 +324,10 @@ describe('Course Exit Pages', () => {
       });
 
       it('Displays the generic catalog suggestion if fewer than two recommendations are available', async () => {
-        axiosMock.onGet(discoveryRecommendationsUrl).reply(200,
-          Factory.build('courseRecommendations', {}, { numRecs: 1 }));
+        axiosMock.onGet(discoveryRecommendationsUrl).reply(
+          200,
+          Factory.build('courseRecommendations', {}, { numRecs: 1 }),
+        );
         await fetchAndRender(<CourseCelebration />);
         const catalogSuggestion = await screen.findByTestId('catalog-suggestion');
         expect(catalogSuggestion).toBeInTheDocument();
@@ -336,10 +344,13 @@ describe('Course Exit Pages', () => {
         );
         axiosMock.onGet(discoveryRecommendationsUrl).reply(200, initialRecommendations);
         axiosMock.onGet(enrollmentsUrl).reply(200, [
-          Factory.build('userEnrollment', '',
+          Factory.build(
+            'userEnrollment',
+            '',
             {
               runKey: 'edX+EnrolledX+1T2021',
-            }),
+            },
+          ),
         ]);
         await fetchAndRender(<CourseCelebration />);
         const recommendationsTable = await screen.findByTestId('course-recommendations');
@@ -350,9 +361,11 @@ describe('Course Exit Pages', () => {
 
       it('Will not recommend the same course that the user just finished', async () => {
         // the uuid returned from the call to discovery is the uuid of the current course
-        const initialRecommendations = Factory.build('courseRecommendations',
+        const initialRecommendations = Factory.build(
+          'courseRecommendations',
           { uuid: 'my_uuid' },
-          { numRecs: 2 });
+          { numRecs: 2 },
+        );
         initialRecommendations.recommendations.push(
           Factory.build('courseRecommendation', { uuid: 'my_uuid', title: 'Same Course' }),
         );
@@ -377,8 +390,11 @@ describe('Course Exit Pages', () => {
   describe('Course in progress experience', () => {
     it('Displays link to dates tab', async () => {
       setMetadata({ user_has_passing_grade: false });
-      const { courseBlocks } = buildSimpleCourseBlocks(courseId, courseHomeMetadata.title,
-        { hasScheduledContent: true });
+      const { courseBlocks } = buildSimpleCourseBlocks(
+        courseId,
+        courseHomeMetadata.title,
+        { hasScheduledContent: true },
+      );
       axiosMock.onGet(learningSequencesUrlRegExp).reply(200, buildOutlineFromBlocks(courseBlocks));
 
       await fetchAndRender(<CourseInProgress />);
diff --git a/src/courseware/course/sequence/Sequence.jsx b/src/courseware/course/sequence/Sequence.jsx
index f0b5c57f28..d9ef87f389 100644
--- a/src/courseware/course/sequence/Sequence.jsx
+++ b/src/courseware/course/sequence/Sequence.jsx
@@ -155,10 +155,8 @@ function Sequence({
           sequenceId={sequenceId}
           unitId={unitId}
           className="mb-4"
-
           /** [MM-P2P] Experiment */
           mmp2p={mmp2p}
-
           nextSequenceHandler={() => {
             logEvent('edx.ui.lms.sequence.next_selected', 'top');
             handleNext();
@@ -186,19 +184,19 @@ function Sequence({
             mmp2p={mmp2p}
           />
           {unitHasLoaded && (
-          <UnitNavigation
-            sequenceId={sequenceId}
-            unitId={unitId}
-            onClickPrevious={() => {
-              logEvent('edx.ui.lms.sequence.previous_selected', 'bottom');
-              handlePrevious();
-            }}
-            onClickNext={() => {
-              logEvent('edx.ui.lms.sequence.next_selected', 'bottom');
-              handleNext();
-            }}
-            goToCourseExitPage={() => goToCourseExitPage()}
-          />
+            <UnitNavigation
+              sequenceId={sequenceId}
+              unitId={unitId}
+              onClickPrevious={() => {
+                logEvent('edx.ui.lms.sequence.previous_selected', 'bottom');
+                handlePrevious();
+              }}
+              onClickNext={() => {
+                logEvent('edx.ui.lms.sequence.next_selected', 'bottom');
+                handleNext();
+              }}
+              goToCourseExitPage={() => goToCourseExitPage()}
+            />
           )}
         </div>
       </div>
diff --git a/src/courseware/course/sequence/Sequence.test.jsx b/src/courseware/course/sequence/Sequence.test.jsx
index 0836c2c9f3..55d6513e0a 100644
--- a/src/courseware/course/sequence/Sequence.test.jsx
+++ b/src/courseware/course/sequence/Sequence.test.jsx
@@ -64,11 +64,9 @@ describe('Sequence', () => {
       { gated_content: gatedContent },
       { courseId: courseMetadata.id, unitBlocks, sequenceBlock: sequenceBlocks[0] },
     )];
-    const testStore = await initializeTestStore(
-      {
-        courseMetadata, unitBlocks, sequenceBlocks, sequenceMetadata,
-      }, false,
-    );
+    const testStore = await initializeTestStore({
+      courseMetadata, unitBlocks, sequenceBlocks, sequenceMetadata,
+    }, false);
     const { container } = render(
       <Sequence {...mockData} {...{ sequenceId: sequenceBlocks[0].id }} />,
       { store: testStore },
@@ -97,11 +95,9 @@ describe('Sequence', () => {
       { is_hidden_after_due: true },
       { courseId: courseMetadata.id, unitBlocks, sequenceBlock: sequenceBlocks[0] },
     )];
-    const testStore = await initializeTestStore(
-      {
-        courseMetadata, unitBlocks, sequenceBlocks, sequenceMetadata,
-      }, false,
-    );
+    const testStore = await initializeTestStore({
+      courseMetadata, unitBlocks, sequenceBlocks, sequenceMetadata,
+    }, false);
     render(
       <Sequence {...mockData} {...{ sequenceId: sequenceBlocks[0].id }} />,
       { store: testStore },
diff --git a/src/courseware/course/sequence/Unit.test.jsx b/src/courseware/course/sequence/Unit.test.jsx
index 132b967043..4bd692d253 100644
--- a/src/courseware/course/sequence/Unit.test.jsx
+++ b/src/courseware/course/sequence/Unit.test.jsx
@@ -52,9 +52,7 @@ describe('Unit', () => {
     expect(screen.getByText('Loading learning sequence...')).toBeInTheDocument();
     const renderedUnit = screen.getByTitle(unit.display_name);
     expect(renderedUnit).toHaveAttribute('height', String(0));
-    expect(renderedUnit).toHaveAttribute(
-      'src', `http://localhost:18000/xblock/${mockData.id}?show_title=0&show_bookmark_button=0&recheck_access=1&view=student_view&format=${mockData.format}`,
-    );
+    expect(renderedUnit).toHaveAttribute('src', `http://localhost:18000/xblock/${mockData.id}?show_title=0&show_bookmark_button=0&recheck_access=1&view=student_view&format=${mockData.format}`);
   });
 
   it('renders proper message for gated content', () => {
diff --git a/src/courseware/data/__factories__/sequenceMetadata.factory.js b/src/courseware/data/__factories__/sequenceMetadata.factory.js
index 7a5566a0f5..8577342173 100644
--- a/src/courseware/data/__factories__/sequenceMetadata.factory.js
+++ b/src/courseware/data/__factories__/sequenceMetadata.factory.js
@@ -17,15 +17,13 @@ Factory.define('sequenceMetadata')
       { courseId },
     ),
   ]))
-  .option(
-    'sequenceBlock', ['courseId', 'unitBlocks'], (courseId, unitBlocks) => (
-      Factory.build(
-        'block',
-        { type: 'sequential', children: unitBlocks.map(unitBlock => unitBlock.id) },
-        { courseId },
-      )
-    ),
-  )
+  .option('sequenceBlock', ['courseId', 'unitBlocks'], (courseId, unitBlocks) => (
+    Factory.build(
+      'block',
+      { type: 'sequential', children: unitBlocks.map(unitBlock => unitBlock.id) },
+      { courseId },
+    )
+  ))
   .attr('element_id', ['sequenceBlock'], sequenceBlock => sequenceBlock.block_id)
   .attr('item_id', ['sequenceBlock'], sequenceBlock => sequenceBlock.id)
   .attr('display_name', ['sequenceBlock'], sequenceBlock => sequenceBlock.display_name)
diff --git a/src/courseware/data/api.js b/src/courseware/data/api.js
index ccbc3d61c3..a85613e4d3 100644
--- a/src/courseware/data/api.js
+++ b/src/courseware/data/api.js
@@ -208,9 +208,7 @@ export async function getResumeBlock(courseId) {
 }
 
 export async function postIntegritySignature(courseId) {
-  const { data } = await getAuthenticatedHttpClient().post(
-    `${getConfig().LMS_BASE_URL}/api/agreements/v1/integrity_signature/${courseId}`, {},
-  );
+  const { data } = await getAuthenticatedHttpClient().post(`${getConfig().LMS_BASE_URL}/api/agreements/v1/integrity_signature/${courseId}`, {});
   return camelCaseObject(data);
 }
 
diff --git a/src/experiments/mm-p2p/SidecardContent.jsx b/src/experiments/mm-p2p/SidecardContent.jsx
index 6a275bbe0b..181da2c0a9 100644
--- a/src/experiments/mm-p2p/SidecardContent.jsx
+++ b/src/experiments/mm-p2p/SidecardContent.jsx
@@ -18,12 +18,16 @@ AlertBanner.propTypes = {
   children: PropTypes.node.isRequired,
 };
 
-const localizeTime = (date) => date.toLocaleTimeString('en-US',
+const localizeTime = (date) => date.toLocaleTimeString(
+  'en-US',
   {
     hour: '2-digit', minute: 'numeric', hour12: true, timeZoneName: 'short',
-  });
-const localizeDate = (date) => date.toLocaleDateString('en-US',
-  { month: 'long', day: 'numeric' });
+  },
+);
+const localizeDate = (date) => date.toLocaleDateString(
+  'en-US',
+  { month: 'long', day: 'numeric' },
+);
 
 const BulletList = ({ children }) => (
   <div style={{ marginBottom: '3px' }} className="mmp2p-bullet-list-item">
diff --git a/src/generic/tabs/Tabs.jsx b/src/generic/tabs/Tabs.jsx
index 028023bd19..86f08d26a3 100644
--- a/src/generic/tabs/Tabs.jsx
+++ b/src/generic/tabs/Tabs.jsx
@@ -29,25 +29,28 @@ export default function Tabs({ children, className, ...attrs }) {
 
     // Insert the overflow menu at the cut off index (even if it will be hidden
     // it so it can be part of measurements)
-    wrappedChildren.splice(indexOfOverflowStart, 0, (
-      <div
-        className="nav-item flex-shrink-0"
-        style={indexOfOverflowStart >= React.Children.count(children) ? invisibleStyle : null}
-        ref={overflowElementRef}
-        key="overflow"
-      >
-        <Dropdown className="h-100">
-          <Dropdown.Toggle variant="link" className="nav-link h-100" id="learn.course.tabs.navigation.overflow.menu">
-            <FormattedMessage
-              id="learn.course.tabs.navigation.overflow.menu"
-              description="The title of the overflow menu for course tabs"
-              defaultMessage="More..."
-            />
-          </Dropdown.Toggle>
-          <Dropdown.Menu className="dropdown-menu-right">{overflowChildren}</Dropdown.Menu>
-        </Dropdown>
-      </div>
-    ));
+    wrappedChildren.splice(
+      indexOfOverflowStart,
+      0, (
+        <div
+          className="nav-item flex-shrink-0"
+          style={indexOfOverflowStart >= React.Children.count(children) ? invisibleStyle : null}
+          ref={overflowElementRef}
+          key="overflow"
+        >
+          <Dropdown className="h-100">
+            <Dropdown.Toggle variant="link" className="nav-link h-100" id="learn.course.tabs.navigation.overflow.menu">
+              <FormattedMessage
+                id="learn.course.tabs.navigation.overflow.menu"
+                description="The title of the overflow menu for course tabs"
+                defaultMessage="More..."
+              />
+            </Dropdown.Toggle>
+            <Dropdown.Menu className="dropdown-menu-right">{overflowChildren}</Dropdown.Menu>
+          </Dropdown>
+        </div>
+      ),
+    );
     return wrappedChildren;
   }, [children, indexOfLastVisibleChild]);
 
diff --git a/src/product-tours/ProductTours.test.jsx b/src/product-tours/ProductTours.test.jsx
index 1fa09f2ad7..bcf697eef0 100644
--- a/src/product-tours/ProductTours.test.jsx
+++ b/src/product-tours/ProductTours.test.jsx
@@ -150,14 +150,14 @@ describe('Course Home Tours', () => {
   ${403}
   ${404}
   `('does not render tour components for $errorStatus response', async (errorStatus) => {
-  setTourData({}, errorStatus, false);
+    setTourData({}, errorStatus, false);
 
-  // Verify no launch tour button
-  expect(await screen.queryByRole('button', { name: 'Launch tour' })).not.toBeInTheDocument();
+    // Verify no launch tour button
+    expect(await screen.queryByRole('button', { name: 'Launch tour' })).not.toBeInTheDocument();
 
-  // Verify no Checkpoint or MarketingModal has rendered
-  expect(await screen.queryByRole('dialog')).not.toBeInTheDocument();
-});
+    // Verify no Checkpoint or MarketingModal has rendered
+    expect(await screen.queryByRole('dialog')).not.toBeInTheDocument();
+  });
 });
 
 function MockUnit({ courseId, id }) { // eslint-disable-line react/prop-types
@@ -294,22 +294,22 @@ describe('Courseware Tour', () => {
   ${true}
   ${false}
 `('should load courseware checkpoint correctly if tour enabled is $showCoursewareTour', async (showCoursewareTour) => {
-  axiosMock.onGet(tourDataUrl).reply(200, {
-    course_home_tour_status: 'no-tour',
-    show_courseware_tour: showCoursewareTour,
-  });
+      axiosMock.onGet(tourDataUrl).reply(200, {
+        course_home_tour_status: 'no-tour',
+        show_courseware_tour: showCoursewareTour,
+      });
 
-  const container = await loadContainer();
+      const container = await loadContainer();
 
-  const sequenceNavButtons = container.querySelectorAll('nav.sequence-navigation button');
-  const sequenceNextButton = sequenceNavButtons[4];
-  expect(sequenceNextButton).toHaveTextContent('Next');
-  fireEvent.click(sequenceNextButton);
+      const sequenceNavButtons = container.querySelectorAll('nav.sequence-navigation button');
+      const sequenceNextButton = sequenceNavButtons[4];
+      expect(sequenceNextButton).toHaveTextContent('Next');
+      fireEvent.click(sequenceNextButton);
 
-  expect(global.location.href).toEqual(`http://localhost/course/${courseId}/${defaultSequenceBlock.id}/${unitBlocks[1].id}`);
+      expect(global.location.href).toEqual(`http://localhost/course/${courseId}/${defaultSequenceBlock.id}/${unitBlocks[1].id}`);
 
-  const checkpoint = container.querySelectorAll('#pgn__checkpoint');
-  expect(checkpoint).toHaveLength(showCoursewareTour ? 1 : 0);
-});
+      const checkpoint = container.querySelectorAll('#pgn__checkpoint');
+      expect(checkpoint).toHaveLength(showCoursewareTour ? 1 : 0);
+    });
   });
 });
diff --git a/src/tab-page/TabPage.jsx b/src/tab-page/TabPage.jsx
index 1fb59c1c7c..5b03f473d2 100644
--- a/src/tab-page/TabPage.jsx
+++ b/src/tab-page/TabPage.jsx
@@ -54,7 +54,12 @@ function TabPage({ intl, ...props }) {
 
   if (courseStatus === 'denied') {
     const redirectUrl = getAccessDeniedRedirectUrl(
-      courseId, activeTabSlug, canLoadCourseware, courseAccess, start, unitId,
+      courseId,
+      activeTabSlug,
+      canLoadCourseware,
+      courseAccess,
+      start,
+      unitId,
     );
     if (redirectUrl) {
       return (<Redirect to={redirectUrl} />);