Form
Unanswered
Black Caiman posted this in #help-forum

Black CaimanOP
I'm having issues using the new
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
- Same React version (19.0.0)
Any tips/help are appreciated 🙏
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 🙏