React= Passing Props not working. What am I missing?

As you may get from the title, passing props in react is not working. And i don´t get why.

Main App Component

    import React from 'react'
    import Product from './Product';

    function App() {
    return (
     <div>
        <h1>Hello World</h1>

        <Product name="Amazon Echo" description="Your AI assistant" price={59.99} />
        {/* Product name, description, price */}
     </div>
      );
    }

    export default App;


    OTHER COMPONENTS

    import React from 'react'

    function Product(props) {
    return (
      <div>
        <h1>{props.name}</h1>
        <h2>{props.description}</h2>
        <h3>{props.price}</h3>
      </div>
     );
   }

   export default Product;