React-Router only one child

Question

I keep on getting the error:

A \'Router\' may have only one child element

when using react-router.

I can\'t seem to fig

Answer 1

I Always use Fragment in react web and native ( >= react 16 )

import React, { Component, Fragment } from 'react'
import { NativeRouter as Routes, Route, Link } from 'react-router-native'
import Navigation from './components/navigation'    
import HomeScreen from './screens/home'
import { RecipesScreen } from './screens/recipe'

class Main extends Component {
  render() {
    return (
      
        
        
          
            
            
          
        
      
    )
  }
}

export default Main