TS2616

error TS2616: ‘React’ can only be imported by using ‘import React = require(“react”)’ or a default import.

Broken Code ❌

1
2
3
4
5
import {React, FC} from 'react';

const App: FC = (): JSX.Element => {
  return <></>;
};

Fixed Code ✔️

Use default import for React:

1
2
3
4
5
import React, {FC} from 'react';

const App: FC = (): JSX.Element => {
  return <></>;
};