refactor: add React import to every jsx

.eslintrc

@@ -43,7 +43,6 @@
     // "import/prefer-default-export": "off",
     // "react/prop-types": "off",
     "@typescript-eslint/no-explicit-any": "off",
-    "react/react-in-jsx-scope": "off",
     "react/display-name": "off"
   },
   "settings": {

src/components/Accordion/Accordion.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useState } from "react";
+import React, { forwardRef, useState } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Context

src/components/Accordion/AccordionControl/AccordionControl.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 import Transition, { TransitionProps } from "@components/Transition";

src/components/Accordion/AccordionIcon/AccordionIcon.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, forwardRef } from "react";
+import React, { ReactNode, forwardRef } from "react";
 import { CaretUp } from "@phosphor-icons/react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";

src/components/Accordion/AccordionItem/AccordionItem.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Context

src/components/Accordion/AccordionPanel/AccordionPanel.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useRef, useEffect, useState } from "react";
+import React, { forwardRef, useRef, useEffect, useState } from "react";
 // Components
 import Box from "@components/Box";
 import Animation, { AnimationProps } from "@components/Animation";

src/components/ActionButton/ActionButton.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Button, { ButtonProps } from "@components/Button";
 // Utils

src/components/Alert/Alert.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, ReactNode, useState } from "react";
+import React, { forwardRef, ReactNode, useState } from "react";
 import {
   Warning,
   WarningOctagon,

src/components/Alert/AlertDescription/AlertDescription.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Text, { TextProps } from "@components/Text";
 // Utils

src/components/Alert/AlertTitle/AlertTitle.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Text, { TextProps } from "@components/Text";
 // Utils

src/components/Animation/Animation.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useEffect, useState } from "react";
+import React, { forwardRef, useEffect, useState } from "react";
 // Components
 import Transition, { TransitionProps } from "@components/Transition";
 // Types

src/components/AspectRatio/AspectRatio.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Types

src/components/AutocompleteField/AutocompleteField.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useState, useEffect } from "react";
+import React, { forwardRef, useState, useEffect } from "react";
 // Components
 import SelectField, { SelectFieldProps } from "@components/SelectField";
 // Hooks

src/components/Avatar/Avatar.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import { UserCircle } from "@phosphor-icons/react";
 // Components
 import Center from "@components/Center";

src/components/Backdrop/Backdrop.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Center, { CenterProps } from "@components/Center";
 // Utils

src/components/Badge/Badge.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, ReactNode } from "react";
+import React, { forwardRef, ReactNode } from "react";
 // Components
 import Box from "@components/Box";
 import Center, { CenterProps } from "@components/Center";

src/components/Box/Box.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Hooks
 import useStyling from "./useStyling";
 import usePrismaneColor from "@components/PrismaneProvider/usePrismaneColor";

src/components/Breadcrumb/Breadcrumb.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types

src/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 import Link from "@components/Link";

src/components/Breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Utils

src/components/Button/Button.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, ReactNode } from "react";
+import React, { forwardRef, ReactNode } from "react";
 // Components
 import Transition, { TransitionProps } from "@components/Transition";
 import Text from "@components/Text";

src/components/Card/Card.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Component
 import Paper, { PaperProps } from "@components/Paper";
 // Types

src/components/Card/CardFooter/CardFooter.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Utils

src/components/Card/CardHeader/CardHeader.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Utils

src/components/Center/Center.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types

src/components/Checkbox/Checkbox.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, ReactNode } from "react";
+import React, { forwardRef, ReactNode } from "react";
 import { Check, Minus } from "@phosphor-icons/react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";

src/components/Chip/Chip.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, ReactNode } from "react";
+import React, { forwardRef, ReactNode } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 import Transition, { TransitionProps } from "@components/Transition";

src/components/Circle/Circle.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Center, { CenterProps } from "@components/Center";
 // Types

src/components/CloseButton/CloseButton.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import { X } from "@phosphor-icons/react";
 // Components
 import ActionButton, { ActionButtonProps } from "@components/ActionButton";

src/components/Collapse/Collapse.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useRef } from "react";
+import React, { forwardRef, useRef } from "react";
 // Components
 import Animation, { AnimationProps } from "@components/Animation";
 import Box from "@components/Box";

src/components/ColorField/ColorField.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import SelectField, { SelectFieldProps } from "@components/SelectField";
 import Field from "@components/Field";

src/components/Container/Container.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types

src/components/Dialog/Dialog.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useEffect } from "react";
+import React, { forwardRef, useEffect } from "react";
 // Components
 import Animation, { AnimationProps } from "@components/Animation";
 import Paper from "@components/Paper";

src/components/Dialog/DialogFooter/DialogFooter.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Utils

src/components/Dialog/DialogHeader/DialogHeader.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 import CloseButton from "@components/CloseButton";

src/components/Divider/Divider.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types

src/components/Drawer/Drawer.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useEffect } from "react";
+import React, { forwardRef, useEffect } from "react";
 // Components
 import Paper, { PaperProps } from "@components/Paper";
 import Animation, { AnimationProps } from "@components/Animation";

src/components/Drawer/DrawerFooter/DrawerFooter.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Utils

src/components/Drawer/DrawerHeader/DrawerHeader.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 import CloseButton from "@components/CloseButton";

src/components/Field/Field.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Box from "@components/Box";
 import Flex, { FlexProps } from "@components/Flex";

src/components/Field/FieldAddon/FieldAddon.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Transition, { TransitionProps } from "@components/Transition";
 import Flex, { FlexProps } from "@components/Flex";

src/components/Field/FieldError/FieldError.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 import Animation, { AnimationProps } from "@components/Animation";

src/components/Field/FieldLabel/FieldLabel.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Text, { TextProps } from "@components/Text";
 // Types

src/components/Field/FieldWrapper/FieldWrapper.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Utils

src/components/Flex/Flex.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Types

src/components/Footer/Footer.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Utils

src/components/Form/Form.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Utils

src/components/Gradient/Gradient.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import * as CSS from "csstype";
 // Component
 import Box, { BoxProps } from "@components/Box";

src/components/Grid/Grid.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Types

src/components/Grid/GridItem/GridItem.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types

src/components/Header/Header.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Utils

src/components/Hidden/Hidden.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Utils

src/components/Hide/Hide.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Hooks

src/components/Highlight/Highlight.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Types

src/components/Icon/Icon.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Square, { SquareProps } from "@components/Square";
 // Types

src/components/Image/Image.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Types

src/components/Initials/Initials.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import React, { FC } from "react";
 
 export type InitialsProps = {
   name: string;

src/components/Key/Key.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Utils

src/components/Link/Link.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Text, { TextProps } from "@components/Text";
 // Types

src/components/List/List.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types

src/components/List/ListIcon/ListIcon.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Icon, { IconProps } from "@components/Icon";
 // Utils

src/components/List/ListItem/ListItem.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 import Box from "@components/Box";

src/components/List/ListOrdered/ListOrdered.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import List, { ListProps } from "@components/List";
 // Utils

src/components/List/ListUnordered/ListUnordered.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import List, { ListProps } from "@components/List";
 // Utils

src/components/Main/Main.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Utils

src/components/Menu/Menu.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 // Components
 import Paper, { PaperProps } from "@components/Paper";
 import Animation, { AnimationProps } from "@components/Animation";