ui/react: update React types

denis-sokolov · Mar 2, 2021 · d2ba44a · d2ba44a
1 parent 179f9d2
commit d2ba44a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/ui/react/configure.ts b/src/ui/react/configure.ts
@@ -1,3 +1,4 @@
+import type { ReactNode } from "react";
 import { create, CreateParams, Data } from "../../core";
 import { createContext } from "./context";
 import { makeHooks } from "./hooks";
@@ -18,7 +19,7 @@ export function configure<Domain>(configuration: Configuration<Domain>) {
  ...hooks,
  create: (params: CreateParams<Domain>) => {
  const db = create<Domain>({ ...params, initialData: data });
- const withDB = (children: React.ReactNode) =>
+ const withDB = (children: ReactNode) =>
  React.createElement(Provider as any, { value: db, children: children });
  return { db, withDB };
  },

diff --git a/src/ui/react/inputs.ts b/src/ui/react/inputs.ts
@@ -1,8 +1,9 @@
+import type { ChangeEvent, InputHTMLAttributes } from "react";
 import type { ReactType } from "./types";
 
 export function makeSemiControlledInput(React: ReactType) {
  return function SemiControlledInput(
- props: React.InputHTMLAttributes<HTMLInputElement>
+ props: InputHTMLAttributes<HTMLInputElement>
  ) {
  const { defaultValue, onBlur, onChange, onFocus, value } = props;
  if (defaultValue !== undefined)
@@ -15,7 +16,7 @@ export function makeSemiControlledInput(React: ReactType) {
  ...props,
  onBlur: (e) => {
  if (onChange && valueUnderEdit !== value)
- onChange({ target: e.target } as React.ChangeEvent<HTMLInputElement>);
+ onChange({ target: e.target } as ChangeEvent<HTMLInputElement>);
  if (onBlur) onBlur(e);
  setFocused(false);
  },