diff --git a/jam-ui/src/context/MixersContext.js b/jam-ui/src/context/MixersContext.js index 37d3dbd97..44a082bb3 100644 --- a/jam-ui/src/context/MixersContext.js +++ b/jam-ui/src/context/MixersContext.js @@ -1,4 +1,4 @@ -import React, { createContext, useContext } from 'react'; +import React, { createContext, useContext, useMemo } from 'react'; import useMixerHelper from '../hooks/useMixerHelper.js'; const MixersContext = createContext(); @@ -6,8 +6,11 @@ const MixersContext = createContext(); export const MixersProvider = ({ children }) => { const mixerHelper = useMixerHelper(); + // Memoize context value to prevent unnecessary re-renders of consumers + const value = useMemo(() => mixerHelper, [mixerHelper]); + return ( - + {children} );