diff --git a/jam-ui/src/components/client/JKSessionRemoteTracks.js b/jam-ui/src/components/client/JKSessionRemoteTracks.js index a1b39d980..d574a2eb6 100644 --- a/jam-ui/src/components/client/JKSessionRemoteTracks.js +++ b/jam-ui/src/components/client/JKSessionRemoteTracks.js @@ -1,11 +1,11 @@ -import React, { useMemo } from 'react'; +import React, { useMemo, memo } from 'react'; import { useSelector } from 'react-redux'; import { selectActiveSession } from '../../store/features/activeSessionSlice'; import { useAuth } from '../../context/UserAuth'; import JKSessionAudioInputs from './JKSessionAudioInputs'; import { getAvatarUrl, getInstrumentIcon45_inverted } from '../../helpers/utils'; -const JKSessionRemoteTracks = ({ mixerHelper, sessionModel }) => { +const JKSessionRemoteTracks = memo(function JKSessionRemoteTracks({ mixerHelper, sessionModel }) { // Phase 4: Replace CurrentSessionContext with Redux const currentSession = useSelector(selectActiveSession); const { currentUser } = useAuth(); @@ -74,6 +74,8 @@ const JKSessionRemoteTracks = ({ mixerHelper, sessionModel }) => { ))} ); -}; +}); + +JKSessionRemoteTracks.displayName = 'JKSessionRemoteTracks'; export default JKSessionRemoteTracks;