React Native - Maximum Call Stack Size Exceeded

When I add the component to my header as below: let SearchPage = (props) => { const menu = (

Solution 1:

It's because you are rendering another <SearchPage /> within your menu: renderScene: <SearchPage />. This creates a circular dependency where a SearchPage is creating a Menu and the Menu is creating a SearchPage... etc. Until, as you saw, you run out of memory.