Protected routes trong React Router được implement như thế nào?

Tạo wrapper component kiểm tra auth rồi redirect nếu chưa đăng nhập: function PrivateRoute({ children }) { const { user } = useAuth(); return user ? children : <Navigate to='/login' state={{ from: location }} replace />; }.

• Truyền state={{ from: location }} để sau khi login có thể redirect về trang user định vào.
• Dùng trong Route: <Route path='/dashboard' element={<PrivateRoute><Dashboard /></PrivateRoute>} />.
• Navigate replace thay Redirect của React Router v5.