chore: RulesEngineVerbose wrapper

src/components/App/App.component.js

@@ -5,26 +5,25 @@ import React from 'react';
 import { Provider } from 'react-redux';
 import D2UIApp from '@dhis2/d2-ui-app';
 import { AppContents } from './AppContents.component';
-import { useRuleEngineFlags } from '../../core_modules/capture-core/rules/useRuleEngineFlags';
+import {
+    RulesEngineVerboseInitializer,
+} from '../../core_modules/capture-core/components/RulesEngineVerboseInitializer';
 
-const MemoizedAppContents = React.memo(AppContents);
 
 type Props = {
     store: ReduxStore,
 };
 
-export const App = ({ store }: Props) => {
-    useRuleEngineFlags();
-
-    return (
-        <React.Fragment>
-            <Provider
-                store={store}
-            >
-                <D2UIApp>
-                    <MemoizedAppContents />
-                </D2UIApp>
-            </Provider>
-        </React.Fragment>
-    );
-};
+export const App = ({ store }: Props) => (
+    <React.Fragment>
+        <Provider
+            store={store}
+        >
+            <D2UIApp>
+                <RulesEngineVerboseInitializer>
+                    <AppContents />
+                </RulesEngineVerboseInitializer>
+            </D2UIApp>
+        </Provider>
+    </React.Fragment>
+);

src/components/App/AppContents.component.js

@@ -1,6 +1,6 @@
 
 // @flow
-import React from 'react';
+import React, { memo } from 'react';
 import { withStyles } from '@material-ui/core/styles';
 import { systemSettingsStore } from 'capture-core/metaDataMemoryStores';
 import { FeedbackBar } from 'capture-core/components/FeedbackBar';
@@ -30,4 +30,4 @@ const Index = ({ classes }: Props) => (
 );
 Index.displayName = 'AppContents';
 
-export const AppContents = withStyles(getStyles)(Index);
+export const AppContents = withStyles(getStyles)(memo(Index));

src/core_modules/capture-core/components/RulesEngineVerboseInitializer/RulesEngineVerboseInitializer.js

@@ -0,0 +1,11 @@
+// @flow
+import { useRuleEngineFlags } from '../../rules/useRuleEngineFlags';
+
+type Props = {|
+    children: React$Node,
+|};
+export const RulesEngineVerboseInitializer = ({ children }: Props) => {
+    useRuleEngineFlags();
+
+    return children;
+};

src/core_modules/capture-core/components/RulesEngineVerboseInitializer/index.js

@@ -0,0 +1,2 @@
+// @flow
+export { RulesEngineVerboseInitializer } from './RulesEngineVerboseInitializer';