content: update react

Author: luizchaves

src/content/classnotes/react/introduction/index.mdx

@@ -220,29 +220,29 @@ export default function InvestmentCard(props) {
     <div className="bg-white shadow-md rounded-lg p-4 relative">
       <div className="flex justify-between items-center">
         <h3 className="investment-name text-lg font-semibold text-gray-700">
-          {props, investment.name}
+          {props.investment.name}
         </h3>
         <p className="investment-value text-lg font-semibold text-gray-700">
-          {formatCurrency(props, investment.value / 100)}
+          {formatCurrency(props.investment.value / 100)}
         </p>
       </div>
       <div className="mt-4">
         <p className="text-sm text-gray-500">
           <span className="font-bold mr-1">Origem:</span>
-          <span className="investment-origin">{props, investment.origin}</span>
+          <span className="investment-origin">{props.investment.origin}</span>
         </p>
         <p className="text-sm text-gray-500">
           <span className="font-bold mr-1">Categoria:</span>
-          <span className="investment-category">{props, investment.category}</span>
+          <span className="investment-category">{props.investment.category}</span>
         </p>
         <p className="text-sm text-gray-500">
           <span className="font-bold mr-1">Taxa:</span>
-          <span className="investment-interest">{props, investment.interest}</span>
+          <span className="investment-interest">{props.investment.interest}</span>
         </p>
         <p className="text-sm text-gray-500">
           <span className="font-bold mr-1">Data:</span>
           <span className="investment-created_at">
-            {formatDate(props, investment.created_at)}
+            {formatDate(props.investment.created_at)}
           </span>
         </p>
       </div>