fix: remove reference to react in extension-sdk (#1532)

Co-authored-by: John Kaster <[email protected]>
Co-authored-by: Dr. Strangelove <[email protected]>

Author: 3 people

packages/extension-sdk/src/connect/tile/tile_sdk.ts

@@ -24,7 +24,6 @@
 
  */
 
-import type { MouseEvent } from 'react';
 import { NOT_DASHBOARD_MOUNT_NOT_SUPPORTED_ERROR } from '../../util/errors';
 import { ExtensionRequestType } from '../types';
 import type { ExtensionHostApiImpl } from '../extension_host_api';

packages/extension-sdk/src/connect/tile/types.ts

@@ -24,7 +24,6 @@
 
  */
 
-import type { MouseEvent } from 'react';
 import type { IQuery } from '@looker/sdk';
 
 /**

packages/extension-tile-playground/src/components/Inspector/components/EventTester/EventTester.tsx

@@ -24,7 +24,6 @@
 
  */
 import React, { useCallback, useContext, useState } from 'react';
-import type { MouseEvent } from 'react';
 import {
   Accordion2,
   ButtonOutline,
@@ -58,17 +57,20 @@ export const EventTester: React.FC = () => {
   }, [tileSDK]);
 
   const toggleCrossFilterClick = useCallback(
-    (event: MouseEvent) => {
+    (event: React.MouseEvent<HTMLButtonElement>) => {
       // TODO pivot and row data needs to be populated
-      tileSDK.toggleCrossFilter({ pivot: {} as any, row: {} as any }, event);
+      tileSDK.toggleCrossFilter(
+        { pivot: {} as any, row: {} as any },
+        event as unknown as MouseEvent
+      );
     },
     [tileSDK]
   );
 
   const openDrillMenuClick = useCallback(
-    (event: MouseEvent) => {
+    (event: React.MouseEvent<HTMLButtonElement>) => {
       // TODO links data needs to be populated
-      tileSDK.openDrillMenu({ links: [] }, event);
+      tileSDK.openDrillMenu({ links: [] }, event as unknown as MouseEvent);
     },
     [tileSDK]
   );