From 6567ed9e59913ae0f41c041d6bbf0bdd16860351 Mon Sep 17 00:00:00 2001
From: Navin Karkera <navin@disroot.org>
Date: Mon, 11 Dec 2023 19:48:35 +0530
Subject: [PATCH] refactor: use helmet for document title

---
 src/course-outline/CourseOutline.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/course-outline/CourseOutline.jsx b/src/course-outline/CourseOutline.jsx
index c9ec8acf89..a33beb4839 100644
--- a/src/course-outline/CourseOutline.jsx
+++ b/src/course-outline/CourseOutline.jsx
@@ -7,6 +7,7 @@ import {
   Layout,
   TransitionReplace,
 } from '@edx/paragon';
+import { Helmet } from 'react-helmet';
 import {
   Add as IconAdd,
   CheckCircle as CheckCircleIcon,
@@ -71,8 +72,6 @@ const CourseOutline = ({ courseId }) => {
     handleNewSectionSubmit,
   } = useCourseOutline({ courseId });
 
-  document.title = getPageHeadTitle(courseName, intl.formatMessage(messages.headingTitle));
-
   const {
     isShow: isShowProcessingNotification,
     title: processingNotificationTitle,
@@ -85,6 +84,9 @@ const CourseOutline = ({ courseId }) => {
 
   return (
     <>
+      <Helmet>
+        <title>{getPageHeadTitle(courseName, intl.formatMessage(messages.headingTitle))}</title>
+      </Helmet>
       <Container size="xl" className="px-4">
         <section className="course-outline-container mb-4 mt-5">
           <TransitionReplace>