Fix email page suspense issue

[TheCactusBlue]

Important

Add Suspense to handle loading states in EmailsAndAuthPage and AccountSettings.

• Behavior:
  • Wraps EmailsAndAuthPage in Suspense in AccountSettings to handle loading states.
  • Wraps PageLayout in Suspense in EmailsAndAuthPage to handle loading states.

^{This description was created by for d0f4c53. It will automatically update as commits are pushed.}

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
stack-backend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 28, 2025 9:03pm
stack-dashboard	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 28, 2025 9:03pm
stack-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 28, 2025 9:03pm

[patched-codes]

Documentation Changes Required

packages/stack/src/components-page/account-settings.tsx

1. Update the import statement to include Suspense from React:

   import React, { Suspense } from 'react';

2. Wrap the AccountSettings component with a Suspense boundary:

   <Suspense fallback={<Loading />}>
     <AccountSettings />
   </Suspense>

3. Wrap the EmailsAndAuthPage component with a Suspense boundary:

   <Suspense fallback={<Loading />}>
     <EmailsAndAuthPage />
   </Suspense>

These changes are necessary to implement lazy loading and suspense functionality for the AccountSettings and EmailsAndAuthPage components. This will improve the performance and user experience of the application by allowing these components to be loaded asynchronously.

Please ensure these changes are reflected in the relevant documentation files and any associated code examples.

[N2D4]

at the very least, every suspense should have a fallback

[TheCactusBlue]

Is there a loader/skeleton component that you want as a fallback?