botão

boa noite, fiz um botão de próxima pagina e pagina anterior esta funcionando muito bem, apenas queria saber se esse é o jeito certo de fazer isso com o react ou se tem comandos específicos para fazer isso, fiz do mesmo jeito do professor

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import Proximo from './Proximo';
import Anterior from './Anterior';

import { BrowserRouter, Switch, Route} from 'react-router-dom';

import * as serviceWorker from './serviceWorker';

ReactDOM.render(
    <BrowserRouter>
        <Switch>
            <Route path='/' exact={true} component={App} />
            <Route path='/proximo' component={Proximo} />
            <Route path='/anterior' component={Anterior} />
        </Switch>
    </BrowserRouter>
    , document.getElementById('root'));

serviceWorker.unregister(

import React from 'react';
import { Link } from 'react-router-dom';


const Header = () => {
    return (
        <ul>
            <Link to="/proximo"><button>Proximo</button></Link>

        </ul>
    )
}

export default Header;

Anterior

import React, { Fragment } from 'react';

import Header from './Header';

const Anterior = () => {
    return (
        <Fragment>
            <h1>Anterior</h1>

        </Fragment>
    ); 
}

export default Anterior;

e também queria saber por que quando eu tiro o LINK da UL ele da erro