fix: Detect schema JSON type fix (#436)

Author: praveen5959

src/hooks/useLogStream.tsx

@@ -1,15 +1,16 @@
-import { useMutation, useQuery } from 'react-query';
+import { AxiosError, isAxiosError } from 'axios';
+import { appStoreReducers, useAppStore } from '@/layouts/MainLayout/providers/AppProvider';
 import {
+	createLogStream,
 	deleteLogStream,
+	detectLogStreamSchema,
 	getLogStreamList,
-	createLogStream,
 	updateLogStream,
-	detectLogStreamSchema,
 } from '@/api/logStream';
-import { AxiosError, isAxiosError } from 'axios';
 import { notifyError, notifySuccess } from '@/utils/notification';
+import { useMutation, useQuery } from 'react-query';
+
 import { LogStreamSchemaData } from '@/@types/parseable/api/stream';
-import { appStoreReducers, useAppStore } from '@/layouts/MainLayout/providers/AppProvider';
 
 type CreateStreamOpts = {
 	streamName: string;
@@ -40,7 +41,7 @@ export const useLogStream = () => {
 		isError: detectLogStreamSchemaIsError,
 		isLoading: detectLogStreamSchemaIsLoading,
 	} = useMutation(
-		(data: { sampleLogs: any[]; onSuccess: (data: LogStreamSchemaData) => void }) =>
+		(data: { sampleLogs: Record<string, any>; onSuccess: (data: LogStreamSchemaData) => void }) =>
 			detectLogStreamSchema(data.sampleLogs),
 		{
 			onSuccess: (data, variables) => {

src/pages/Home/CreateStreamModal.tsx

@@ -19,16 +19,17 @@ import {
 	Tooltip,
 } from '@mantine/core';
 import { FC, useCallback, useEffect, useState } from 'react';
-import styles from './styles/CreateStreamModal.module.css';
-import { useLogStream } from '@/hooks/useLogStream';
-import { useForm } from '@mantine/form';
+import { GetInputPropsReturnType, UseFormReturnType } from 'node_modules/@mantine/form/lib/types';
 import { IconInfoCircleFilled, IconPlus } from '@tabler/icons-react';
-import _ from 'lodash';
+import { appStoreReducers, useAppStore } from '@/layouts/MainLayout/providers/AppProvider';
+
 import { CreatableSelect } from '@/components/Misc/CreatableSelect';
-import { useAppStore, appStoreReducers } from '@/layouts/MainLayout/providers/AppProvider';
-import { GetInputPropsReturnType, UseFormReturnType } from 'node_modules/@mantine/form/lib/types';
-import { notifyError } from '@/utils/notification';
 import { LogStreamSchemaData } from '@/@types/parseable/api/stream';
+import _ from 'lodash';
+import { notifyError } from '@/utils/notification';
+import styles from './styles/CreateStreamModal.module.css';
+import { useForm } from '@mantine/form';
+import { useLogStream } from '@/hooks/useLogStream';
 
 const { toggleCreateStreamModal } = appStoreReducers;
 
@@ -461,9 +462,7 @@ const DetectSchemaSection = (props: { form: StreamFormType }) => {
 		} catch (e) {
 			console.error('Error parsing json', e);
 		}
-		if (!_.isArray(logRecords)) {
-			return notifyError({ message: 'Invalid JSON' });
-		} else if (_.isEmpty(logRecords)) {
+		if (_.isEmpty(logRecords)) {
 			return notifyError({ message: 'No records found' });
 		} else if (_.size(logRecords) > 10) {
 			return notifyError({ message: 'More than 10 records found' });