index.tsx:1:8 - error TS1259: Module '"C:/Users/(username)/Downloads/Mistral/node_modules/@types/react/index"' can only be default-imported using the 'esModuleInterop' flag

1 import React, { useState } from 'react';
         ~~~~~

  node_modules/@types/react/index.d.ts:65:1
    65 export = React;
       ~~~~~~~~~~~~~~~
    This module is declared with 'export =', and can only be used with a default import when using the 'esModuleInterop' flag.

index.tsx:1374:5 - error TS17004: Cannot use JSX unless the '--jsx' flag is provided.

1374     <div style={styles.container}>
         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

index.tsx:1375:7 - error TS17004: Cannot use JSX unless the '--jsx' flag is provided.

1375       <h1 style={styles.title}>💘 Love Quotes 💘</h1>
           ~~~~~~~~~~~~~~~~~~~~~~~~~

index.tsx:1376:7 - error TS17004: Cannot use JSX unless the '--jsx' flag is provided.

1376       <div style={styles.quoteBox}>
           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

index.tsx:1377:9 - error TS17004: Cannot use JSX unless the '--jsx' flag is provided.

1377         <p style={styles.quote}>{quote || "Click 'New Quote' to get inspired!"}</p>
             ~~~~~~~~~~~~~~~~~~~~~~~~

index.tsx:1379:7 - error TS17004: Cannot use JSX unless the '--jsx' flag is provided.

1379       <button style={styles.button} onClick={getRandomQuote}>💟 New Quote 💟</button>
           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

node_modules/@types/react/index.d.ts:46:7 - error TS2304: Cannot find name 'Iterable'.

46     | Iterable<React.ReactNode>
         ~~~~~~~~

node_modules/@types/react/index.d.ts:426:10 - error TS2456: Type alias 'ReactNode' circularly references itself.

426     type ReactNode =
             ~~~~~~~~~

node_modules/@types/react/index.d.ts:431:11 - error TS2304: Cannot find name 'Iterable'.

431         | Iterable<ReactNode>
              ~~~~~~~~


Found 9 errors in 2 files.

Errors  Files
     6  index.tsx:1
     3  node_modules/@types/react/index.d.ts:46