React Navigation Not Working with another file

Hi Please see my code Here :

I have created my switch navigator to navigate between pages from App.js to Second.js

On App.js page I have imported Second.js file module named App1 Which works file.

Moreover, I did the same thing on Second.js file imported App component from App.js But switch navigator show error on the page says

The component for route ‘App’ must be a React component.

I did search on internet for the same, and tried replacing my imporing syntax


import {App} from ‘./App’;


import App from ‘./App’;

You can Check my code on expo