ref: set react-jsx to omit React import

rel #38

Author: sergeysova

src/create-route-view.tsx

@@ -1,5 +1,5 @@
 import type { RouteInstance, RouteParams } from "atomic-router";
-import React, { type ComponentType } from "react";
+import { type ComponentType } from "react";
 
 import { useIsOpened } from "./use-is-opened";
 

src/create-routes-view.tsx

@@ -1,17 +1,17 @@
 import type { RouteInstance, RouteParams } from "atomic-router";
-import React, { type FC, type ReactNode } from "react";
+import type { ComponentType, FC, ReactNode } from "react";
 
 import { useIsOpened } from "./use-is-opened";
 
 export interface RouteRecord<Props, Params extends RouteParams> {
   route: RouteInstance<Params> | RouteInstance<Params>[];
-  view: React.ComponentType<Props>;
+  view: ComponentType<Props>;
   layout?: FC<{ children: ReactNode }>;
 }
 
 export interface RoutesViewConfig {
   routes: RouteRecord<any, any>[];
-  otherwise?: React.ComponentType<any>;
+  otherwise?: ComponentType<any>;
 }
 
 export function createRoutesView<Config extends RoutesViewConfig>(config: Config) {

src/link.tsx

@@ -1,7 +1,7 @@
 import { type RouteInstance, type RouteParams, type RouteQuery, buildPath } from "atomic-router";
 import clsx from "clsx";
 import { useUnit } from "effector-react";
-import React, { type AnchorHTMLAttributes, type ForwardedRef, forwardRef } from "react";
+import { type AnchorHTMLAttributes, type ForwardedRef, forwardRef } from "react";
 
 import { useRouter } from "./router-provider";
 

src/route.tsx

@@ -1,11 +1,11 @@
 import type { RouteInstance, RouteParams } from "atomic-router";
-import React from "react";
+import { type ComponentType } from "react";
 
 import { useIsOpened } from "./use-is-opened";
 
 export interface RouteProps<Params extends RouteParams> {
   route: RouteInstance<Params> | RouteInstance<Params>[];
-  view: React.ComponentType;
+  view: ComponentType;
 }
 
 export function Route<Params extends RouteParams>({ route, view: Component }: RouteProps<Params>) {

src/router-provider.tsx

@@ -1,5 +1,5 @@
 import type { HistoryRouter } from "atomic-router";
-import React, { type ReactNode, createContext, useContext } from "react";
+import { type ReactNode, createContext, useContext } from "react";
 
 export const RouterContext = createContext<HistoryRouter | null>(null);
 

tsconfig.json

@@ -22,7 +22,7 @@
     // use Node's module resolution algorithm, instead of the legacy TS one
     "moduleResolution": "node",
     // transpile JSX to React.createElement
-    "jsx": "react",
+    "jsx": "react-jsx",
     // interop between ESM and CJS modules. Recommended by TS
     "esModuleInterop": true,
     // significant perf increase by skipping checking .d.ts files, particularly those in node_modules. Recommended by TS