[Bug]: only '/' is working created by createBrowserRouter, other is 404

[ilhamsj]

What version of React Router are you using?

6.22.3

Steps to Reproduce

import * as React from 'react'
import ReactDom from 'react-dom/client'
import { createBrowserRouter, RouterProvider } from 'react-router-dom'

const router = createBrowserRouter([
  {
    path: '/',
    element: <div> welcome </div>,
  },
  {
    path: 'test',
    element: <div> test </div>
  }
])

ReactDom.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <RouterProvider router={router} />
  </React.StrictMode>
)

Expected Behavior

can access /test in local

Actual Behavior

404 in vercel
https://react-router-v6-fyet8yqu3-jadesnowman.vercel.app/test

[github-actions]

👋 @ilhamsj, we use the issue tracker exclusively for bug reports and feature requests. However, this issue appears to be a support request.
For usage questions, please use Stack Overflow or Discord where there are a lot more people ready to help you out, or post a new question in the Discussions tab of this repository.
Please feel free to clarify your issue if you think it was closed prematurely.