From 5a36bf68acfddec60513f0a5c96c9fe71feded23 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 1 Mar 2021 15:42:34 +0100
Subject: [PATCH] refactor(components): always import HTMLAttributes from react

---
 src/additional-components/Controls/index.tsx | 4 ++--
 src/additional-components/MiniMap/index.tsx  | 4 ++--
 src/components/Handle/index.tsx              | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/additional-components/Controls/index.tsx b/src/additional-components/Controls/index.tsx
index a3c27624..bae66f1f 100644
--- a/src/additional-components/Controls/index.tsx
+++ b/src/additional-components/Controls/index.tsx
@@ -1,4 +1,4 @@
-import React, { memo, useCallback } from 'react';
+import React, { memo, useCallback, HTMLAttributes } from 'react';
 import cc from 'classcat';
 
 import { useStoreState, useStoreActions } from '../../store/hooks';
@@ -12,7 +12,7 @@ import UnlockIcon from '../../../assets/icons/unlock.svg';
 import useZoomPanHelper from '../../hooks/useZoomPanHelper';
 import { FitViewParams } from '../../types';
 
-export interface ControlProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ControlProps extends HTMLAttributes<HTMLDivElement> {
   showZoom?: boolean;
   showFitView?: boolean;
   showInteractive?: boolean;
diff --git a/src/additional-components/MiniMap/index.tsx b/src/additional-components/MiniMap/index.tsx
index 0a810a44..cc7fd6ab 100644
--- a/src/additional-components/MiniMap/index.tsx
+++ b/src/additional-components/MiniMap/index.tsx
@@ -1,4 +1,4 @@
-import React, { memo } from 'react';
+import React, { memo, HTMLAttributes } from 'react';
 import cc from 'classcat';
 
 import { useStoreState } from '../../store/hooks';
@@ -8,7 +8,7 @@ import MiniMapNode from './MiniMapNode';
 
 type StringFunc = (node: Node) => string;
 
-export interface MiniMapProps extends React.HTMLAttributes<SVGSVGElement> {
+export interface MiniMapProps extends HTMLAttributes<SVGSVGElement> {
   nodeColor?: string | StringFunc;
   nodeStrokeColor?: string | StringFunc;
   nodeClassName?: string | StringFunc;
diff --git a/src/components/Handle/index.tsx b/src/components/Handle/index.tsx
index 1d68fdce..0b6da001 100644
--- a/src/components/Handle/index.tsx
+++ b/src/components/Handle/index.tsx
@@ -1,4 +1,4 @@
-import React, { memo, useContext, useCallback, FunctionComponent, HTMLAttributes } from 'react';
+import React, { memo, useContext, useCallback, FC, HTMLAttributes } from 'react';
 import cc from 'classcat';
 
 import { useStoreActions, useStoreState } from '../../store/hooks';
@@ -9,7 +9,7 @@ import { onMouseDown, SetSourceIdFunc, SetPosition } from './handler';
 
 const alwaysValid = () => true;
 
-const Handle: FunctionComponent<HandleProps & Omit<HTMLAttributes<HTMLDivElement>, 'id'>> = ({
+const Handle: FC<HandleProps & Omit<HTMLAttributes<HTMLDivElement>, 'id'>> = ({
   type = 'source',
   position = Position.Top,
   isValidConnection = alwaysValid,