React must be present in scope when using JSX JS-0464
'React' must be in scope when using JSX
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>'React' must be in scope when using JSX
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'React' must be in scope when using JSX
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 />'React' must be in scope when using JSX
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"'React' must be in scope when using JSX
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"
Description
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.
Bad Practice
const Hello = <div>Hello {this.props.name}</div>;
Recommended
import React from 'react';
const Hello = <div>Hello {this.props.name}</div>;