Page Not Found when deployed in Netlify

// Using `loader`
// app/routes/$.tsx
import { json, LoaderFunction } from "@remix-run/node";  

export const loader: LoaderFunction = async ({ params, request, context }) => {  
 return json({}, { status: 404 });  
};  

// Using `Authenticated`
// app/routes/$.tsx
import { Authenticated } from "@refinedev/core";  

export default function NotFound() {  
 return (  
 <Authenticated>  
 <div>I'm the 404 page for the authenticated users.</div>  
 </Authenticated>  
 );  
}