react-native-navigation overlays intercept all touch events when wrapped with gestureHandlerRootHOC

Our app is using React Native Navigation and so we’re wrapping all our screen components with gestureHandlerRootHOC. However, with React Native Navigation overlays need to be registered similarly to screens, but if we wrap our overlays with gestureHandlerRootHOC then they intercept all touch events when visible and no other part of the app can react to them. When multiple overlays are shown at once, only the top-most one reacts to touches. Even an empty overlay component will intercept all touches if it is wrapped with gestureHandlerRootHOC. Is there a way around this issue?

// registering an overlay
Navigation.registerComponentWithRedux('DashboardOverlay', () => gestureHandlerRootHOC(DashboardOverlay), Provider, store);

// showing an overlay
Navigation.showOverlay({
    component: {
        id: 'DashboardOverlay',
        name: 'DashboardOverlay',
        options: {
            overlay: {
                interceptTouchOutside: false
            }
        }
    }
});

[EliSadaka]

I found a workaround by passing layout props to gestureHandlerRootHoc() to override the default flex value of 1:

Navigation.registerComponentWithRedux('DashboardOverlay', () => gestureHandlerRootHOC(DashboardOverlay, {flex: 0}), Provider, store);

[gp3gp3gp3]

This is still an issue with the latest gesture handler changes. It may work for modals, but overlays with a flex: 1 style will still catch all touch events (using the wix library)