Run first react app

I did installation as below steps: 1) npm create-react-app fo

2) cd fo

3) edit package.json to add "mdbreact": "git+https://oauth2:@git.mdbootstrap.com/mdb/react/re-pro.git"

4) npm install

5) npm start

I see default react page fine.

6) Then I added a navbar sample code into project as below:

======== file ./components/navbars/topbar.js =======

import React, { Component } from "react"; import { MDBNavbar, MDBNavbarBrand, MDBNavbarNav, MDBNavItem, MDBNavLink, MDBNavbarToggler, MDBCollapse, MDBFormInline, MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem } from "mdbreact";

class Topbar extends Component { state = { isOpen: false };

toggleCollapse = () => { this.setState({ isOpen: !this.state.isOpen }); };

render() { return ( Navbar Home Features Pricing Dropdown Action Another Action Something else here Something else here ); } }

export default Topbar;

======= end of topbar.js =============

7) edit App.js as below === App.js ======

import React from "react"; import logo from "./logo.svg"; import "./App.css"; import Topbar from "./components/navbars/topbar";

function App() { return ( { } ); }

export default App;

==== end of App.js ======

Expected behavior Browser should display something

Actual behavior : error as below

./node_modules/mdbreact/dist/mdbreact.esm.js

Module not found: Can't resolve 'react-router-dom' in '/Users/albertwang/working/fo/node_modules/mdbreact/dist'

Resources (screenshots, code snippets etc.)

if I manually install react-router-dom, I will get error as "using Navlink outside ".

please advice. Thank you.