Navigation drawer rerendering multiple times, without any state change

[sanjeevyadavIT]

Describe the bug The DrawerPage component is rendering multiple times, even when state is not changing. This in turns forces child component DrawerHeader and CategoryTree component to render multiple times, which is not good for performance

Expected behavior The DrawerPage should have rendered only 3 times, i.e.,

1. When component is mounted for the first time
2. When status changes from DEFAULT to LOADING
3. Finally when status changes from LOADING to SUCCESS/FAILURE

Current Behavior The DrawerPage is rendering multiple times, without any state change. check the log message ALERT: Inside Navigation Drawer render function

Steps to Reproduce Please provide detailed steps for reproducing the issue.

1. Open the app in debugging mode
2. See the log message in console in web browser
3. Wait or open any other page, the DrawerPage wiill render multiple times.

Screenshots

Smartphone (please complete the following information):

• Magento Version: [2.1.0]
• Device: [Nexus 5X]
• OS: [Android PIE]
• Version [API level 28]

Additional context Help needed!

[sanjeevyadavIT]

TODO

1. [ ] New react-navigation@next has new set of API to create navigation, replace old 4.x react-navigation API with new one
2. [x] Lock Drawer Navigator by specifying Lock Mode at screen other than HomePage.