Leaking Payload CMS code into client

Unknown file extension ".css" for /Users/dev/chair-flight-new/node_modules/.pnpm/[email protected][email protected]/node_modules/react-image-crop/dist/ReactCrop.css

const getBlogPostFromServer = createServerFn()
  .validator(z.string().parse)
  .handler(async ({ data }) => getBlogPost(data));

export const Route = createFileRoute({
  staleTime: Infinity,
  component: BlogPostPage,
  loader: ({ params }) => getBlogPostFromServer({ data: params.postId }),
});

export const getBlogPost = async (id: string) => {
  const payload = await getPayload();
  const blogPost = await payload.findByID({
    collection: "blog-posts",
    id,
  });

  return blogPost;
};

export const getPayload = async () => {
  const { config } = await import("@cf/providers/payload-cms");
  const { getPayload } = await import("payload");
  return getPayload({ config });
};