setExtrasVisible can't change via context

[pandiarajanvp]

When we try to update context setExtrasVisible as true or false its not trigger the multibar open icon

its response as extrasVisible: {"data": [[Function anonymous], [Function anonymous], [Function anonymous], [Function anonymous]], "extrasVisible": false, "overlayProps": {"expandingMode": "staging", "iconSize": 50, "overlayRadius": 100}, "setExtrasVisible": [Function bound dispatchAction]}

class Home extends PureComponent {
static contextType = HeaderHeightContext;
static contextType = MultiBarContext;
closeBarBtn=()=>{
this.context.setExtrasVisible(false);
}

}

Bottom Navigator Enclosed with

<MultiBarProvider
overlayProps={{
expandingMode: 'staging',
iconSize: 50,
overlayRadius: 100,
}}
data={[
({params}) => (
<TouchIcon
name="create"
color="royalblue"
size={40}
onPress={() => {
return RootNavigation.navigate('Homes', {
screen: 'screen1',
});
}}
/>
), ({params}) => (
<TouchIcon
name="create"
color="royalblue"
size={40}
onPress={() => {
return RootNavigation.navigate('Homes', {
screen: 'screen2',
});
}}
/>
),
]}
iconSize={40}
overlayRadius={100}
initialExtrasVisible={false}>

<Tab.Navigator>
.....
</Tab.Navigator>