Finish typescript updates

Signed-off-by: Emily Guo <[email protected]>

Author: LilyCaroline17

public/application.tsx

@@ -1,24 +1,16 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { HashRouter as Router } from 'react-router-dom';
+import { AppMountParameters, CoreStart } from '../../../src/core/public';
 import { QueryInsightsDashboardsApp } from './components/app';
-import { HashRouter as Router, Route } from 'react-router-dom';
 
-export const renderApp = (
-  coreStart,
-  { navigation },
-  { appBasePath, element }
-) => {
-  coreStart.chrome.setBreadcrumbs([{text: 'Query insights'}]);
+export const renderApp = ({ chrome }: CoreStart, { element }: AppMountParameters) => {
+  chrome.setBreadcrumbs([{ text: 'Query insights' }]);
   ReactDOM.render(
     <Router>
-      <QueryInsightsDashboardsApp
-        basename={appBasePath}
-        notifications={coreStart.notifications}
-        http={coreStart.http}
-        navigation={navigation}
-      />
-    </Router>
-    , element
+      <QueryInsightsDashboardsApp />
+    </Router>,
+    element
   );
 
   return () => ReactDOM.unmountComponentAtNode(element);

public/components/app.tsx

@@ -1,13 +1,7 @@
 import React from 'react';
 import { Route } from 'react-router-dom';
-import TopNQueries from '../pages/TopNQueries/TopNQueries'
+import TopNQueries from '../pages/TopNQueries/TopNQueries';
 
 export const QueryInsightsDashboardsApp = () => {
-  return (
-    <Route
-      render={() => (
-        <TopNQueries/>
-      )}
-    />
-  );
+  return <Route render={() => <TopNQueries />} />;
 };

public/plugin.ts

@@ -1,10 +1,6 @@
 import { i18n } from '@osd/i18n';
 import { AppMountParameters, CoreSetup, CoreStart, Plugin } from '../../../src/core/public';
-import {
-  QueryInsightsDashboardsPluginSetup,
-  QueryInsightsDashboardsPluginStart,
-  AppPluginStartDependencies,
-} from './types';
+import { QueryInsightsDashboardsPluginSetup, QueryInsightsDashboardsPluginStart } from './types';
 import { PLUGIN_NAME } from '../common';
 
 export class QueryInsightsDashboardsPlugin
@@ -25,9 +21,9 @@ export class QueryInsightsDashboardsPlugin
         // Load application bundle
         const { renderApp } = await import('./application');
         // Get start services as specified in opensearch_dashboards.json
-        const [coreStart, depsStart] = await core.getStartServices();
+        const [coreStart] = await core.getStartServices();
         // Render the application
-        return renderApp(coreStart, depsStart as AppPluginStartDependencies, params);
+        return renderApp(coreStart, params);
       },
     });