36 content="https://imagedelivery.net/nF-ES6OEyyKZDJvRdLK8oA/677a1e0a-bd95-4e85-7aa3-86287a865f00/public"
37 />
38 </Head>
39 <body id="root" className={` bg-black ${inter.variable} ${jbMono.variable}`}>40 <Main />
41 <NextScript />
42 </body>
18
19 {/* <!-- Open Graph / Facebook --> */}
20 <meta property="og:type" content="website" />
21 <meta property="og:url" content="https://devclad.com/" />22 <meta property="og:title" content={title} />
23 <meta property="og:description" content={desc} />
24 <meta
31 <meta property="twitter:url" content="https://devclad.com/" />
32 <meta property="twitter:title" content={title} />
33 <meta property="twitter:description" content={desc} />
34 <meta35 property="twitter:image"36 content="https://imagedelivery.net/nF-ES6OEyyKZDJvRdLK8oA/677a1e0a-bd95-4e85-7aa3-86287a865f00/public"37 />38 </Head>
39 <body id="root" className={` bg-black ${inter.variable} ${jbMono.variable}`}>
40 <Main />
30 <meta property="twitter:card" content="summary_large_image" />
31 <meta property="twitter:url" content="https://devclad.com/" />
32 <meta property="twitter:title" content={title} />
33 <meta property="twitter:description" content={desc} />34 <meta
35 property="twitter:image"
36 content="https://imagedelivery.net/nF-ES6OEyyKZDJvRdLK8oA/677a1e0a-bd95-4e85-7aa3-86287a865f00/public"
29 {/* <!-- Twitter --> */}
30 <meta property="twitter:card" content="summary_large_image" />
31 <meta property="twitter:url" content="https://devclad.com/" />
32 <meta property="twitter:title" content={title} />33 <meta property="twitter:description" content={desc} />
34 <meta
35 property="twitter:image"
The React
object contains many objects that are referenced indirectly when expanding JSX.
When using JSX, <a />
expands to React.createElement("a")
.
Therefore React
must be imported.
const Hello = <div>Hello {this.props.name}</div>;
import React from 'react';
const Hello = <div>Hello {this.props.name}</div>;