[Solved]-I'm using router for the first time.. How can I make route to render first component automatically when it's opened?-Reactjs

First wrap your routes inside Switch component in order to force it to render the first match. then, try using Redirect component if you want to render a specific component for other routers. Pls read this part of the documentation for Switch and Redirect

    <Switch>
        <Route path="/" exact={true} component={Home} />
        <Route path="/recipes" component={Recipes} />
        <Route path="/about" component={About} />
        <Redirect to="/" />
    </Switch>