fix infinite loading issue in Search Dialog

[LooseLi]

Description

Fixes #593

When using the search functionality in react-notion-x, we identified a user experience issue: sometimes the loading icon continues to spin indefinitely when users enter content in the search dialog, even after the search request has successfully returned.

Solution

We resolved the infinite loading issue in the search dialog with the following improvements:

1. replace throttle with debounce:

• switched from throttle to debounce, which is more suitable for search scenarios
• added the {trailing: true} option to ensure that a search is always executed after the user stops typing
• this prevents multiple searches from being triggered when users type quickly, improving performance

2. optimize query state management:

• store the current query for later comparison
• only update the UI state when the current query matches the query in the component state
• prevent old search results from overwriting newer ones, solving state synchronization issues

3. improve error handling:

• add try-catch blocks to capture errors that may occur during the search process

Notion Test Page ID

I directly provided the searchNotion function in /NotionPage.tsx to NotionRenderer, enabling the search component to display and fixing related issues.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
react-notion-x	❌ Failed (Inspect)		May 7, 2025 9:44am
react-notion-x-minimal-demo	❌ Failed (Inspect)		May 7, 2025 9:44am