Merge pull request #14 from atomic-router/feat/use-component-type-for-view

use `ComponentType` for view instead of `FC`

Author: Kelin2025

src/create-route-view.tsx

@@ -5,8 +5,8 @@ import { useIsOpened } from "./use-is-opened";
 
 export type RouteViewConfig<Props, Params> = {
   route: RouteInstance<Params> | RouteInstance<Params>[];
-  view: React.FC<Props>;
-  otherwise?: React.FC<Props>;
+  view: React.ComponentType<Props>;
+  otherwise?: React.ComponentType<Props>;
 };
 
 export const createRouteView = <

src/create-routes-view.tsx

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

src/route.tsx

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