chore: adjust react import

packages/dockview/src/__tests__/dockview/defaultTab.spec.tsx

@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react';
 import { DockviewDefaultTab } from '../../dockview/defaultTab';
-import * as React from 'react';
+import React from 'react';
 import { fromPartial } from '@total-typescript/shoehorn';
 import { DockviewApi, DockviewPanelApi } from 'dockview-core';
 

packages/dockview/src/__tests__/dockview/dockview.spec.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { act, render, waitFor } from '@testing-library/react';
 import { DockviewApi, IDockviewPanel } from 'dockview-core';
 import {

packages/dockview/src/__tests__/gridview/gridview.spec.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { act, render, waitFor } from '@testing-library/react';
 import { GridviewApi, IGridviewPanel, Orientation } from 'dockview-core';
 import {

packages/dockview/src/__tests__/paneview/paneview.spec.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { act, render, waitFor } from '@testing-library/react';
 import { IPaneviewPanel, PaneviewApi } from 'dockview-core';
 import {

packages/dockview/src/__tests__/react.spec.tsx

@@ -1,5 +1,5 @@
 import { ReactPart, isReactComponent } from '../react';
-import * as React from 'react';
+import React from 'react';
 import { render, screen, act } from '@testing-library/react';
 
 interface TestInterface {

packages/dockview/src/__tests__/splitview/splitview.spec.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { act, render, waitFor } from '@testing-library/react';
 import { SplitviewApi, Orientation, ISplitviewPanel } from 'dockview-core';
 import {

packages/dockview/src/dockview/defaultTab.tsx

@@ -1,5 +1,5 @@
+import React from 'react';
 import { IDockviewPanelHeaderProps } from './dockview';
-import * as React from 'react';
 import { CloseButton } from '../svg';
 
 export type IDockviewDefaultTabProps = IDockviewPanelHeaderProps &

packages/dockview/src/dockview/dockview.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     DockviewComponent,
     DockviewWillDropEvent,

packages/dockview/src/dockview/headerActionsRenderer.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ReactPart, ReactPortalStore } from '../react';
 import {
     IDockviewPanel,

packages/dockview/src/dockview/reactContentPart.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ReactPart, ReactPortalStore } from '../react';
 import { IDockviewPanelProps } from '../dockview/dockview';
 import {

packages/dockview/src/dockview/reactHeaderPart.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ReactPart, ReactPortalStore } from '../react';
 import { IGroupPanelBaseProps } from './dockview';
 import {

packages/dockview/src/dockview/reactWatermarkPart.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ReactPart, ReactPortalStore } from '../react';
 import {
     PanelUpdateEvent,

packages/dockview/src/gridview/gridview.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     GridviewComponent,
     IGridviewComponent,

packages/dockview/src/paneview/paneview.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     PaneviewPanelApi,
     PaneviewComponent,

packages/dockview/src/paneview/view.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     PanelUpdateEvent,
     IPaneBodyPart,

packages/dockview/src/react.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
+import React from 'react';
-import * as ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom';
 import { IFrameworkPart, IDockviewDisposable, Parameters } from 'dockview-core';
 
 export interface ReactPortalStore {
@@ -192,12 +192,11 @@ export const usePortalsLifecycle: PortalLifecycleHook = () => {
     return [portals, addPortal];
 };
 
-
 export function isReactComponent(component: any): boolean {
-  /**
+    /**
-   * Yes, we could use "react-is" but that would introduce an unwanted peer dependency
+     * Yes, we could use "react-is" but that would introduce an unwanted peer dependency
-   * so for now we will check in a rather crude fashion...
+     * so for now we will check in a rather crude fashion...
-   */
+     */
     return (
         typeof component === 'function' /** Functional Componnts */ ||
         !!(component as React.ExoticComponent)

packages/dockview/src/splitview/splitview.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     SplitviewApi,
     SplitviewPanelApi,

packages/dockview/src/svg.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 export const CloseButton = () => (
     <svg