Remove unused div

src/components/App.tsx

@@ -25,10 +25,9 @@ const QUERY_ARTISTS = gql`
 
 export default function App() {
 	const [inputValue, setInputValue] = useState('');
-	const [
-		getArtists,
-		{ data, error, loading, variables },
-	] = useLazyQuery(QUERY_ARTISTS);
+	const [getArtists, { data, error, loading, variables }] = useLazyQuery(
+		QUERY_ARTISTS,
+	);
 	const [artists, setArtists] = useState<Artists>([]);
 	const [suggestions, setSuggestions] = useState<string[]>([]);
 	const [selected, setSelected] = useState(false);
@@ -126,13 +125,11 @@ export default function App() {
 				<Results artists={artists} handleClick={handleClick} />
 			)}
 			{error && !errorNoSearchQuery && (
-				<div style={{maxWidth: '400px', margin: '0' }}>
 				<pre>
 					{error.graphQLErrors.map(({ message }, i) => (
 						<span key={i}>{message}</span>
 					))}
 				</pre>
-				</div>
 			)}
 		</Grommet>
 	);