How to server React.js build static file?

[pradeepbgs]

so when we build our react application it generates a dist folder where our index.html and assets are
but in bun new static file server feature how can we server ?
this is my project structure -

ls
app.ts  bun.lockb  node_modules  package.json  package-lock.json  public  route.ts  tsconfig.json
:~/Desktop/diesel/example$ ls public/
assets  index.html  vite.svg
:~/Desktop/diesel/example$ 

import homepage from "../public/index.html"; // Import React's index.html
import { serve } from "bun";

serve({
  port: 3000,
  static: {
    "/": homepage, 
  },
  development: true, 

  async fetch(req) {
    const url = new URL(req.url);

    if (url.pathname.startsWith("/api")) {
      return new Response(JSON.stringify({ message: "Hello from API" }), {
        headers: { "Content-Type": "application/json" },
      });
    }
    return new Response("Not Found", { status: 404 });
  },
});

console.log("Server running at http://localhost:3000");

when i run application it doesnt work because index.html needs js and css files , here is err -

error: Could not resolve: "/home/pradeep/Desktop/diesel/example/vite.svg"
    at /home/pradeep/Desktop/diesel/example/public/index.html

error: Could not resolve: "/home/pradeep/Desktop/diesel/example/assets/index-g6IK7Mpq.js"
    at /home/pradeep/Desktop/diesel/example/public/index.html

error: Could not resolve: "/home/pradeep/Desktop/diesel/example/assets/index-YCk-SmjN.css"
    at /home/pradeep/Desktop/diesel/example/public/index.html