diff --git a/frontend/src/components/pages/profile-editor.tsx b/frontend/src/components/pages/profile-editor.tsx
index 99be66f..45a2ea3 100644
--- a/frontend/src/components/pages/profile-editor.tsx
+++ b/frontend/src/components/pages/profile-editor.tsx
@@ -1,4 +1,4 @@
-import { useState, FormEvent } from 'react';
+import { useState, type FormEvent } from 'react';
 import { useAuth } from '@/lib/auth';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
diff --git a/frontend/src/components/protected-route.tsx b/frontend/src/components/protected-route.tsx
index f9c1e94..353bbf5 100644
--- a/frontend/src/components/protected-route.tsx
+++ b/frontend/src/components/protected-route.tsx
@@ -1,8 +1,9 @@
 
+import type { ReactNode } from 'react';
 import { Navigate } from 'react-router-dom';
 import { useAuth } from '@/lib/auth';
 
-export function ProtectedRoute({ children }: { children: JSX.Element }) {
+export function ProtectedRoute({ children }: { children: ReactNode }) {
   const { user } = useAuth();
 
   if (!user) {
diff --git a/frontend/src/lib/auth.tsx b/frontend/src/lib/auth.tsx
index cbef9db..4413cbf 100644
--- a/frontend/src/lib/auth.tsx
+++ b/frontend/src/lib/auth.tsx
@@ -1,4 +1,4 @@
-import { createContext, useContext, useState, ReactNode, useEffect } from 'react';
+import { createContext, useContext, useState, type ReactNode, useEffect } from 'react';
 
 // Define the shape of the user object
 interface User {