How optimize SEO for Alternative Manufacturer Part Numbers in a REACT SPA

I am working on improving the SEOP of an e-shop built as a React SPA. (I know its bad).
The e-shop contains products that have one main Manufacturer Part Number, but some products can also have one or more alternative manufacturer part numbers.

I need to make sure that wehn people search on Google using one of these alternative part numbers, Google can associate the alternative number with the correct product and show the corresponding product page in the search results.

For example, if a product has the main MPN 12345678 and alternative MPNs 8764321 and 11223344, I would like the same product page to be discoverable when a user searches Google for any of these numbers.

This is my scheme:

const jsonLd = {
            "@context": "https://schema.org/",
            "@type": "Product",
            "name": schemaTitle,
            "image": [image],
            "description": description,
            "mpn": mainOem || undefined,
            "sku": sku,
            "identifier": uniqueOemVariants.length > 0 ? uniqueOemVariants : undefined,
            "alternateName": uniqueOemVariants.length > 0 ? uniqueOemVariants : undefined,
            "offers": {
                "@type": "Offer",
                "url": url,
                "priceCurrency": "EUR",
                "price": product.price ? "0.00",
                "itemCondition": itemCondition,
                "availability": availability,
                "sku": cleanSku
            }
        };

and meta information:

<title>${title}</title>
<meta name="description" content="${description}" />
<meta name="robots" content="index, follow, max-image-preview:large" />
<meta property="og:title" content="${title}" />
<meta property="og:description" content="${description}" />
<meta property="og:image" content="${image}" />
<meta property="og:url" content="${url}" />
<meta property="og:type" content="product" />
<link rel="canonical" href="${url}" />

What would be the best SEO approach to achieve this, especially for a React SPA?

I tried use "alternateName" in json schema and try reindexing page. But for now it does not work. The SEO is made by Dynamic injection of meta data to root index.html.

Thanky you for your advice