Nested Routes

DashboardPage.jsx

import React from 'react'

const DashboardPage = () => {
  return (
    <div>
      Private Dashsboard
    </div>
  )
}

export default DashboardPage

LoginPage.jsx

import React from 'react'

const LoginPage = () => {
  return (
    <div>
      My fucking Login page
    </div>
  )
}

export default LoginPage

ProfilePage.jsx

import React from 'react'

const ProfilePage = () => {
  return (
    <div>
      Hi, this is my profile
    </div>
  )
}

export default ProfilePage