/Javascript/React/[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

Error: [Home] is not a component. All component children of must be a or

<Route exact path="/" element={<><AddTodo addTodo={addTodo} /><Todos todos={todos} onDelete={onDelete} /></>} />

Source: stackoverflow.com

[HomePage] is not a component. All component children of must be a or

import React from "react";
import "./styles.css";
import { Route, BrowserRouter, Routes } from "react-router-dom";
import LoginPage from "./pages/LoginPage";
import HomePage from "./pages/HomePage";

export default function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route exact path="/" element={<HomePage />} />
        <Route path="/login" element={<LoginPage />} />
      </Routes>
    </BrowserRouter>
  );
}

Similar codes

20 votes163 views4 answers
Conditional Rendering in React js
Javascript React
113 votes217 views4 answers
New create react app
Javascript React
0 vote169 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote202 views3 answers
Redirect is not defined react/jsx-no-undef
Javascript React
0 vote192 views1 answer
Create loop to specific length react
Javascript React
0 vote141 views4 answers
React node sequilize
Javascript React
0 vote236 views3 answers
Create react app theme_color
Javascript React
1 vote195 views1 answer
React material ui classname
Javascript React
0 vote163 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
0 vote252 views1 answer
React router nested routes active
Javascript React