Ha cometido algunos errores en su archivo ProductDetail.js .

Primero:

Puede usar useEffect hook para verificar y comparar si hay una matching id o no.

Segundo:

Puede usar useState hook para almacenar thisProduct y actualizar el valor de thisProduct llamando a setThisProduct y utilícelo en JSXElement .

Esta es siempre una mejor práctica para usar el state para el conjunto y la obtención de datos.

Aquí hay más información sobre React.Hooks

Tercero:

Price es un objeto y no puede renderizar su objeto de esa manera, así que use la clave en lugar del objeto mientras renderiza. así: {thisProduct?.price?.current?.value}

Puede obtener más información sobre el encadenamiento opcional

Cuatro:

productId que obtiene de useParams es un tipo de cadena, y su productId de sneakers es un tipo de número. Por lo tanto, debe cambiar su productId de producto a número mientras compara de esta manera: Number(productId)

Aprenda sobre Números en Js

Aquí está el código completo de la suya:

 // ProductDetail.js import React, { useContext, useEffect, useState } from "react"; import { useParams } from "react-router-dom"; import { StateContext } from "./GlobalContext"; function ProductDetail() { const { productId } = useParams(); const { sneakers } = useContext(StateContext); const [thisProduct, setThisProduct] = useState({}); useEffect(() => { if (sneakers) { const findProduct = sneakers.find((product) => { return product.id === Number(productId); }); console.log("findproduct", findProduct); setThisProduct(findProduct); } }, [productId, sneakers]); return ( <div> {thisProduct && ( <> <h1>{thisProduct?.name}</h1> <p>Price: {thisProduct?.price?.current?.value}</p> <p>{thisProduct?.description}</p> </> )} </div> ); } export default ProductDetail;

verifique completamente su estado y accesorios, no está proporcionando datos válidos al componente secundario

 <StateContext.Provider value={{ sneakers }}> {console.log(sneakers, "== thisProduct")} {children} </StateContext.Provider>

la consola mostrará sus datos, siendo nulos, así que ese es el problema