diff --git a/src/courseware/course/sidebar/sidebars/discussions/DiscussionsTrigger.jsx b/src/courseware/course/sidebar/sidebars/discussions/DiscussionsTrigger.jsx index ef4b9944..4a49ee98 100644 --- a/src/courseware/course/sidebar/sidebars/discussions/DiscussionsTrigger.jsx +++ b/src/courseware/course/sidebar/sidebars/discussions/DiscussionsTrigger.jsx @@ -3,7 +3,7 @@ import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { Icon } from '@edx/paragon'; import { QuestionAnswer } from '@edx/paragon/icons'; import PropTypes from 'prop-types'; -import React, { useContext, useEffect } from 'react'; +import React, { useContext, useEffect, useMemo } from 'react'; import { useDispatch } from 'react-redux'; import { useModel } from '../../../../../generic/model-store'; import { getCourseDiscussionTopics } from '../../../../data/thunks'; @@ -23,12 +23,16 @@ const DiscussionsTrigger = ({ courseId, } = useContext(SidebarContext); const dispatch = useDispatch(); + const { tabs } = useModel('courseHomeMeta', courseId); const topic = useModel('discussionTopics', unitId); const baseUrl = getConfig().DISCUSSIONS_MFE_BASE_URL; + const edxProvider = useMemo( + () => tabs?.find(tab => tab.slug === 'discussion'), + [tabs], + ); useEffect(() => { - // Only fetch the topic data if the MFE is configured. - if (baseUrl) { + if (baseUrl && edxProvider) { dispatch(getCourseDiscussionTopics(courseId)); } // eslint-disable-next-line react-hooks/exhaustive-deps