Remix loader returns unclear response data after redirecting from login

[yseStudio]

I recently had a small project remix + strapi, and got an unexpected bug, when logging in successfully, and throwing to a certain page, the loader did not send the appropriate data, and instead returned data like below:

export const name = "user-panel"; export const sideEffects = false; export const type = "module"; export const scripts = { build: "remix vite:build", dev: "remix vite:dev", lint: "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .", start: "remix-serve ./build/server/index.js", typecheck: "tsc" }; export const dependencies = { "@heroicons/react": "^2.1.3", "@hookform/resolvers": "^3.4.0", "@radix-ui/react-accordion": "^1.1.2", "@radix-ui/react-alert-dialog": "^1.0.5", "@radix-ui/react-aspect-ratio": "^1.0.3", "@radix-ui/react-avatar": "^1.0.4", "@radix-ui/react-checkbox": "^1.0.4", "@radix-ui/react-collapsible": "^1.0.3", "@radix-ui/react-context-menu": "^2.1.5", "@radix-ui/react-dialog": "^1.0.5", "@radix-ui/react-dropdown-menu": "^2.0.6", "@radix-ui/react-hover-card": "^1.0.7", "@radix-ui/react-label": "^2.0.2", "@radix-ui/react-menubar": "^1.0.4", "@radix-ui/react-navigation-menu": "^1.1.4", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-progress": "^1.0.3", "@radix-ui/react-radio-group": "^1.1.3", "@radix-ui/react-scroll-area": "^1.0.5", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-separator": "^1.0.3", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-switch": "^1.0.3", "@radix-ui/react-tabs": "^1.0.4", "@radix-ui/react-toast": "^1.1.5", "@radix-ui/react-toggle": "^1.0.3", "@radix-ui/react-tooltip": "^1.0.7", "@react-input/mask": "^1.2.4", "@remix-run/node": "^2.9.0", "@remix-run/react": "^2.9.0", "@remix-run/serve": "^2.9.0", "@splidejs/react-splide": "^0.7.12", "@tanstack/react-table": "^8.16.0", "@uidotdev/usehooks": "^2.4.1", "class-variance-authority": "^0.7.0", clsx: "^2.1.1", cmdk: "^0.2.1", "date-fns": "^3.6.0", "embla-carousel-autoplay": "^8.0.4", "embla-carousel-react": "^8.0.4", "flowbite-react": "^0.9.0", "input-otp": "^1.2.4", isbot: "^4.1.0", "lucide-react": "^0.372.0", moment: "^2.30.1", "next-themes": "^0.3.0", qs: "^6.12.1", react: "^18.2.0", "react-day-picker": "^8.10.1", "react-dom": "^18.2.0", "react-hook-form": "^7.51.4", "react-infinite-scroll-component": "^6.1.0", "remix-utils": "^7.6.0", sonner: "^1.4.41", "tailwind-merge": "^2.3.0", "tailwindcss-animate": "^1.0.7", vaul: "^0.9.0", yup: "^1.4.0", zod: "^3.23.8" }; export const devDependencies = { "@remix-run/dev": "^2.9.0", "@types/qs": "^6.9.15", "@types/react": "^18.2.20", "@types/react-dom": "^18.2.7", "@types/react-input-mask": "^3.0.5", "@typescript-eslint/eslint-plugin": "^6.7.4", "@typescript-eslint/parser": "^6.7.4", autoprefixer: "^10.4.19", eslint: "^8.38.0", "eslint-import-resolver-typescript": "^3.6.1", "eslint-plugin-import": "^2.28.1", "eslint-plugin-jsx-a11y": "^6.7.1", "eslint-plugin-react": "^7.33.2", "eslint-plugin-react-hooks": "^4.6.0", postcss: "^8.4.38", tailwindcss: "^3.4.3", typescript: "^5.1.6", vite: "^5.1.0", "vite-tsconfig-paths": "^4.2.1" }; export const engines = { node: ">=18.0.0" }; export default { name: name, "private": true, sideEffects: sideEffects, type: type, scripts: scripts, dependencies: dependencies, devDependencies: devDependencies, engines: engines };

code layout that I made :

import {  Outlet,useLoaderData } from "@remix-run/react";
import { json,LoaderFunctionArgs } from "@remix-run/node";
import { userme } from "~/api/auth/userme.server";
import HeaderDash from "~/components/template/HeaderDash";

export default function LayoutDash() {
  const loaderData = useLoaderData<typeof loader>();
  console.log({loaderData});

  return (
    <>
      <div className="flex min-h-screen w-full flex-col">
        <HeaderDash data={loaderData}/>
        <main className="flex flex-1 flex-col gap-4 bg-muted/50">
          <Outlet />
        </main>
      </div>
    </>
  );
}
export const loader = async ({ request }: LoaderFunctionArgs) => {
  const user = await userme(request);
    return json({
      user: user,
      env: {
        STRAPI_API_URL: process.env.STRAPI_API_URL,
        STRAPI_URL: process.env.STRAPI_URL,
        LOGO: process.env.LOGO,
      }
    });
};

expected behavior

displays userme