docs: wrap Providers component in Suspense (sync with ui-demo) #1458
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request includes a small change to the quickstart docs. The change introduces the
Suspense
component from React to wrap theProviders
component, mirroring what is in theui-demo
example.Without it - with something more complicated than the example - the app config context was initialized many times resulting in hundreds of wallet connect calls.
Changes:
site/pages/react/quickstart.mdx
: AddedSuspense
to theProviders
component. [1] [2]PR-Codex overview
This PR introduces the use of
Suspense
from React to wrap theQueryClientProvider
andAlchemyAccountProvider
components, enhancing the handling of asynchronous data fetching.Detailed summary
Suspense
import fromreact
.QueryClientProvider
andAlchemyAccountProvider
components withSuspense
.Providers
component while improving its capability to handle loading states.