Help Search Engines with structured data on your pages made with React. Read more about schema here https://schema.org/
import JSXSchema from "jsx-schema";
export default function App() {
return (
<div className="App">
<h1>Title of Product</h1>
<JSXSchema
type="Product"
name="Name of product"
sku="12345678"
description="Lorem ipsum..."
offers={{
type: "Offer",
price: 10,
priceCurrency: "USD",
availability: "In stock"
}}
aggregateRating={{
type: "AggregateRating",
ratingValue: "4.8",
reviewCount: "11"
}}
/>
</div>
);
}
Context is using https://schema.org/ by default
If you wanna change it, simply add context as a prop. Validate schema here: https://validator.schema.org/