Error fixes

src/pages/homepage/components/Header/Header.tsx

@@ -18,6 +18,7 @@ function Header({
 	openWeatherModal,
 	setProviderLabel,
 	setProviderURL,
+	setValue,
 }: any) {
 	const [time, setTime] = useState(new Date());
 	function fixDigits(k: any) {
@@ -156,6 +157,7 @@ function Header({
 				weatherModalOpened={weatherModalOpened}
 				setProviderLabel={setProviderLabel}
 				setProviderURL={setProviderURL}
+				setValue={setValue}
 				isMobile={isMobile}
 			/>
 		</Stack>

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 = '';