react-mark | : arrow_down : Configurable Markdown Components in React

Accessing align environment in ReactMarkdown.

I'd like to be able to read in markdown documents and have them render in website (I imagine I'll have to do some pre-processing so no worries if that's not entirely possible).

One of the problems I'm struggling with right now is having ReactMarkdown recognize an equation aligning environment or finding an equivalent. For example. Some gibberish I've written is

I have a gatsby portfolio application and had to do some updates to it. Then cloned it from github and had to install dependencies. When i run npm install i have the error log below:

when i try to build my project with yarn run build i get errors that are not exist in my code my code is clean it works fine in my local. I've been stuck for two weeks to resolve this problem please help me to solve this problem. this the errors that i get

node version: v10.15.3

webpack: 4.30.0 this is my package.json

Gatsby/GraphQL newbie building a bilingual site. My site (navbar, footer, body content etc) has all bilingual content in en and zh json files respectively, and calls the t function from react-18next. However, there are several pages in my website that have not been 'internationalised' yet - my markdown pages. As of current, the file structure looks like this:

I want to embed Twitter tags from Markdown to Html. I am currently using react-markdown to render like below

I could not find anything neither on github nor index.d.ts of the package react.markdown. it looks like very simple example yet entire google does not contain any example. I wrote a custom renderer for markdown component but i could not figure out the type for renderer

I'm trying to access attach references to each paragraph/heading in react-markdown. But I can't figure out how to add a ref to c below.

This is hard to explain without uploading my full project likely, but here goes. I think I've narrowed it down to some combination of getInitialProps() and getStaticProps(). When I use next/link to change pages images are not being loaded. If I browse directly to the page images will load fine. Project is fairly simple with only 2 pages, index.js and [slug].js. Here's both:

index.js

I wish to add an updating clock to a page created with React. Here is the original CodePen demo. I am unsure how to integrate the JavaScript that drives the clock. I am using FunctionalComponents. Where do I put the JavaScript code?

My existing app (with the added clock HTML in .clockDiv):