You should not use <Link> outside a

Question

I\'m trying to set up react-router in an example application, and I\'m getting the following error:

You should not use  outside a 
         


        

Answer 1

I kinda come up with this code :

import React from 'react';
import { render } from 'react-dom';

// import componentns
import Main from './components/Main';
import PhotoGrid from './components/PhotoGrid';
import Single from './components/Single';

// import react router
import { Router, Route, IndexRoute, BrowserRouter, browserHistory} from 'react-router-dom'

class MainComponent extends React.Component {
  render() {
    return (
      

        
          
            
            
          
        
      
    );
  }
}

render(, document.getElementById('root'));

I think the error was because you were rendering the Main component, and the Main component didn't know anything about Router, so you have to render its father component.