Estoy tratando de que se muestre mi código React. Seguí un tutorial de YouTube de un sitio web de comercio electrónico y probé todo para que se muestre. He leído sobre enrutadores y conmutadores React, pero realmente no puedo detectar mi error.

El Switch y el Router

 <Switch> <Route exact path="/"> <Products products={products} onAddToCart={handleAddToCart} handleUpdateCartQty /> </Route> <Route exact path="/about"> <About About={About} /> </Route> <Route exact path="/cart"> <Cart cart={cart} handleUpdateCartQty={handleUpdateCartQty} handleRemoveFromCart={handleRemoveFromCart} handleEmptyCart={handleEmptyCart} /> </Route> <Route exact path="/checkout" exact> <Checkout cart={cart} order={order} onCaptureCheckout={handleCaptureCheckout} error={errorMessage} /> </Route> </Switch>;

El componente About de

 import React from 'react'; const About = () => { return <div>Tacos are delicious</div>; }; export default About;