Error: There is no route defined for key Location. Must be one of: 'root','modal' about react-native-router-flux

[salorsino]

You wouldn't want to put your modal as the root element. You should navigate to a page where this navigation stack can be presented in a Modal.

[tanerparcali]

My App.tsx

<Router>
      <Modal>
              <Stack key="root" hideNavBar>  
                <Scene key="Control" initial component={Control} type="reset" back={false} />
                <Scene tabs={true} showLabel={false} hideNavBar tabBarStyle={styles.tabBar} type="reset">
                  <Scene key="Account" component={AccountPage} hideNavBar icon={AccountIcon} title='Account' lazy on={() => appState.setCurrentScreen('AccountPage')} />
                </Scene>
              </Stack>
        <Scene  key="modal" component={ItemList} /> 
        </Modal>
    </Router>

Actually this was working fine in different projects, I couldn't find what's wrong here.
Opening this page as a modal view when entering the key="modal" page that should be in the router code above.

For example, I'm on the "Account" page and when I try to navigate to this page as Actions.modal(), the application throws an error.