T
TanStack•2mo ago
noble-gold

Does updating searchParams is diffrent in version of TS Start?

 const debouncedSearch = useMemo(
    () =>
      debounce((value: string) => {
        navigate({ to: '.', search: { page: 1, filter: value } });
      }, 200),
    [navigate]
  );

  // Use it in your search handler
  const onFilterChange = useCallback(
    (value?: string) => {
      if (value) {
        debouncedSearch(value);
      } else {
        navigate({ to: '.', search: { page, filter: '' } });
      }
    },
    [debouncedSearch, page]
  );

  const onClear = useCallback(() => {
    navigate({ to: '.', search: { page: 1, filter: '' } });
  }, []);
 const debouncedSearch = useMemo(
    () =>
      debounce((value: string) => {
        navigate({ to: '.', search: { page: 1, filter: value } });
      }, 200),
    [navigate]
  );

  // Use it in your search handler
  const onFilterChange = useCallback(
    (value?: string) => {
      if (value) {
        debouncedSearch(value);
      } else {
        navigate({ to: '.', search: { page, filter: '' } });
      }
    },
    [debouncedSearch, page]
  );

  const onClear = useCallback(() => {
    navigate({ to: '.', search: { page: 1, filter: '' } });
  }, []);
That code above working on past versions but in alpha version it reloaded the whole page. Thanks for the clarification
1 Reply
national-gold
national-gold•2mo ago
please try with the latest version of start if you still have that problem, please provide a complete example

Did you find this page helpful?