Add React.jsx imports

Author: AndreasArvidsson

packages/cheatsheet/src/lib/components/CheatsheetLegendComponent.tsx

@@ -10,7 +10,7 @@ type Props = {
 
 export default function CheatsheetLegendComponent({
   data,
-}: Props): JSX.Element {
+}: Props): React.JSX.Element {
   const isHighlighted = useIsHighlighted("legend");
 
   const borderClassName = isHighlighted

packages/cheatsheet/src/lib/components/CheatsheetListComponent.tsx

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import type { CheatsheetSection, Variation } from "../CheatsheetInfo";
 import useIsHighlighted from "../hooks/useIsHighlighted";
 import { formatCaptures } from "./formatCaptures";

packages/cheatsheet/src/lib/components/CheatsheetNotesComponent.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import SmartLink from "./SmartLink";
 
-export default function CheatsheetNotesComponent(): JSX.Element {
+export default function CheatsheetNotesComponent(): React.JSX.Element {
   return (
     <div
       id="notes"

packages/cursorless-org-docs/src/docs/user/languages/components/ScopeSupport.tsx

@@ -3,14 +3,14 @@ import {
   languageScopeSupport,
   scopeSupportFacets,
 } from "@cursorless/common";
-import React from "react";
+import * as React from "react";
 import { ScopeSupportForLevel } from "./ScopeSupportForLevel";
 
 interface Props {
   languageId: string;
 }
 
-export function ScopeSupport({ languageId }: Props): JSX.Element {
+export function ScopeSupport({ languageId }: Props): React.JSX.Element {
   const scopesSorted = [...scopeSupportFacets].sort();
   const scopeSupport = languageScopeSupport[languageId] ?? {};
 

packages/cursorless-org-docs/src/docs/user/languages/components/ScopeSupportForLevel.tsx

@@ -8,7 +8,7 @@ import {
   type ScopeType,
   type SimpleScopeTypeType,
 } from "@cursorless/common";
-import React, { useState } from "react";
+import React, { useState, type JSX } from "react";
 
 interface Props {
   facets: ScopeSupportFacet[];