Next.js Discord

Discord Forum

Form

Unanswered
Black Caiman posted this in #help-forum
Open in Discord
Avatar
Black CaimanOP
I'm having issues using the new Form component in 15. I'm trying to build a search feature very much like the [commerce site](https://github.com/vercel/commerce/blob/88762ba1bcaacda386f2067869c343f6cde30101/components/layout/navbar/search.tsx) example. I added a 5 second timeout on the server so I can validate the loading UI but I cannot get it to show the loading state after submitting a search. I notice that the URL doesn't update immediately with the query param, like [the documentation](https://nextjs.org/docs/app/api-reference/components/form#examples) suggests. Page eventually updates with the correct data and the URL is also updated but only after the server responds with the data, no loading UI or URL update in the meantime.

I cloned the commerce example locally and added the same 5 second timeout and this works as expected so I must be doing something wrong. I have:

- Used the same next version as in the commerce example (15.0.4)
- Added a ChildWrapper like in [the example](https://github.com/vercel/commerce/blob/88762ba1bcaacda386f2067869c343f6cde30101/app/search/children-wrapper.tsx)
- Same React version (19.0.0)

Any tips/help are appreciated 🙏

1 Reply