chore: tsc error are fixed

frontend/src/container/TraceFlameGraph/__tests__/TraceFlameGraph.test.tsx

@@ -1,9 +1,42 @@
 import { expect } from '@jest/globals';
 import { render } from '@testing-library/react';
 import TraceFlameGraph from 'container/TraceFlameGraph';
-import React from 'react';
+import React, { useState } from 'react';
 
-test('loads and displays greeting', async () => {
-	const { asFragment } = render(<TraceFlameGraph />);
+test('loads and displays greeting', () => {
+	const onSpanHover = useState('');
+
+	const { asFragment } = render(
+		<TraceFlameGraph
+			{...{
+				hoveredSpanId: '',
+				intervalUnit: { multiplier: 0, name: 'm' },
+				onSpanHover: onSpanHover[1],
+				onSpanSelect: (): void => {},
+				selectedSpanId: '',
+				traceMetaData: {
+					globalEnd: 0,
+					globalStart: 0,
+					levels: 0,
+					spread: 0,
+					totalSpans: 0,
+				},
+				treeData: {
+					children: [],
+					id: '',
+					name: '',
+					serviceColour: '',
+					serviceName: '',
+					startTime: 0,
+					tags: [],
+					time: 0,
+					value: 0,
+					event: [],
+					hasError: false,
+					parent: undefined,
+				},
+			}}
+		/>,
+	);
 	expect(asFragment()).toMatchSnapshot();
 });

frontend/src/modules/Usage/UsageExplorer.tsx

@@ -5,6 +5,7 @@ import { Select, Space } from 'antd';
 import Graph from 'components/Graph';
 import React, { useEffect, useState } from 'react';
 import { connect, useSelector } from 'react-redux';
+import { withRouter } from 'react-router-dom';
 import { GetService, getUsageData, UsageDataItem } from 'store/actions';
 import { AppState } from 'store/reducers';
 import { GlobalTime } from 'types/actions/globalTime';
@@ -213,7 +214,9 @@ const mapStateToProps = (
 	};
 };
 
-export const UsageExplorer = connect(mapStateToProps, {
+export const UsageExplorer = withRouter(
+	connect(mapStateToProps, {
 		getUsageData,
 		getServicesList: GetService,
-})(_UsageExplorer);
+	})(_UsageExplorer),
+);

frontend/src/store/actions/trace/selectTraceFilter.ts

@@ -46,6 +46,7 @@ export const SelectedTraceFilter = (props: {
 			traces.selectedTags,
 			traces.filter,
 			traces.isFilterExclude,
+			traces.userSelectedFilter,
 		);
 	};
 };