solution

src/App.tsx

@@ -27,7 +27,7 @@ export const App = () => {
       const fetchedUsers = await client.get<User[]>('/users');
 
       if (fetchedUsers.length === 0) {
-        throw new Error('No users found');
+        throw new Error('No users found. Please try a different search.');
       }
 
       setUsers(fetchedUsers);
@@ -46,7 +46,7 @@ export const App = () => {
 
       setPosts(fetchedPosts);
     } catch (err) {
-      setError('Failed to load posts');
+      setError('Failed to load posts due to network issues');
     } finally {
       setIsLoading(false);
     }
@@ -131,4 +131,4 @@ export const App = () => {
       </div>
     </main>
   );
-};
+};

src/components/NewCommentForm.tsx

@@ -52,9 +52,9 @@ export const NewCommentForm: React.FC<Props> = ({
       setNameError('Name is required');
     }
 
-    if (!trimmedEmail) {
+    if (!trimmedEmail.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
       hasValidationErrors = true;
-      setEmailError('Email is required');
+      setEmailError('Invalid email format');
     }
 
     if (!trimmedText) {
@@ -208,4 +208,4 @@ export const NewCommentForm: React.FC<Props> = ({
       </div>
     </form>
   );
-};
+};

src/components/PostDetails.tsx

@@ -120,4 +120,4 @@ export const PostDetails: React.FC<Props> = ({ post }) => {
       </div>
     </div>
   );
-};
+};

src/components/PostsList.tsx

@@ -47,4 +47,4 @@ export const PostsList: React.FC<Props> = ({ posts, openedPost, onOpen }) => (
       </tbody>
     </table>
   </div>
-);
+);

src/components/UserSelector.tsx

@@ -72,4 +72,4 @@ export const UserSelector: React.FC<Props> = ({
       </div>
     </div>
   );
-};
+};

src/types/Post.ts

@@ -4,4 +4,3 @@ export interface Post {
   title: string;
   body: string;
 }
-

src/types/User.ts

@@ -1,4 +1,4 @@
-import { Post } from "./Post";
+import { Post } from './Post';
 
 export interface User {
   id: number;