Error fixes

src/pages/homepage/components/Search/Search.tsx

@@ -1,6 +1,5 @@
 import { Stack, TextInput } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { useState } from 'react';
 import { HelpModal } from '../../../../components/HelpModal/HelpModal';
 import { WeatherModal } from '../../../../components/WeatherModal/WeatherModal';
 import { containsProtocol, useQueryAPI, validURL } from '../../../../hooks';
@@ -13,14 +12,17 @@ export default function Search({
 	weatherModalOpened,
 	closeWeatherModal,
 	openWeatherModal,
+	providerLabel,
+	setProviderLabel,
+	providerURL,
+	setProviderURL,
+	value,
+	setValue,
 }: any) {
 	const { data: providers } = useQueryAPI({ endpoint: 'api/providers' });
 	const [providerModalOpened, { open: openProviderModal, close: closeProviderModal }] =
 		useDisclosure(false);
 
-	const [providerLabel, setProviderLabel] = useState('Google Search');
-	const [providerURL, setProviderURL] = useState('https://www.google.com/search?q=');
-	const [value, setValue] = useState('');
 	const handleKeyPress = (item: any) => {
 		let option = '';
 		let subtext = '';