Import error with Outlet

import { Outlet, useNavigate } from "@solidjs/router";

export default function ProtectedRoute({
    canActivate,
    redirectPath = "/auth/login",
}) {
    const navigate = useNavigate();
    if (!canActivate) {
        navigate(redirectPath, { replace: true });
        return null;
    }

    return <Outlet />;
}

  Uncaught SyntaxError: The requested module '/_build/node_modules/@solidjs/router/dist/index.jsx' does not provide an export named 'Outlet' (at CheckAuth.jsx:1:10)

 export default function App() {
    return (
        <Router
            root={(props) => (
                <>
                    <div>
                        <Suspense>{props.children}</Suspense>
                    </div>
                </>
            )}
        >
            <Route element={<ProtectedRoute canActivate={true}/>}>
                <FileRoutes path="/" element={<Home />} />
            </Route>
            <FileRoutes path="/auth/login" element={<Login />} />
        </Router>
    );
}