React SEO
React SEO JSON-LD per page is the only logical option for perfection in a WebPage or Article.

JSON-LD for MDX
See my Post on JSON-LD for MDX and Typescript using Googles ‘schema-dts’, with ‘react-schemaorg’!
JSON-LD Per Template
📡 react SEO JSON-LD and meta tags, “per page”, is the only logical option for SEO = microdata perfection in a WebPage or Article.
The main issue with Json-LD for microdata is you need frontmatter data from pages and posts like the page title, url, description, created time edited time, author, publisher, ratings, reviews etc.
Doing this with a SEO Component like most react Tutorials means you would have to develop a query to pull all file markdown edges into any page you wanted with Json-LD for all pages and posts frontmatter data along with the body of the page.
Below is a example of blog post page using Json-LD with react-helmet for the meta tags.
Using the above article query for individual Blog Post pages frontmatter data.