I am just starting to learn React from this tutorial. I created components and imported them on my App.js.

However, I noticed that the components are not showing up when I run npm start (i.e. "Welcome to Create Todo Component!!" does not appear). I am also not receiving any error messages. Am I doing something wrongly?

Thanks in advance!

App.js

...

import CreateTodo from "./components/create-todo.component";
import EditTodo from "./components/edit-todo.component";
import TodosList from "./components/todos-list.component";

class App extends Component {
  render() {
    return (
      <Router>
        <div className="container">
...
            <Route path="/" exact component={TodosList} />
            <Route path="/edit/:id" component={EditTodo} />
            <Route path="/create" component={CreateTodo} />
...

create-todo.component.js

import React, { Component } from 'react';
export default class CreateTodo extends Component {
    render() {
        return (
            <div>
                <p>Welcome to Create Todo Component!!</p>
            </div>
        )
    }
}