SPIKE: Investigate Dynamic Imports Implementation

[ahuseyn]

Description

The Dynamic Imports feature implemented recently shown some issues with the Getting Started Example using Nextjs v16. These issues include:

1. Components rendering twice if no "loading" option provided or client-only loading provided
2. Hydration error (client/server mismatch) if "loading" option provided
   Using "ssr:false" fixes the issue, but it skips server rendering.
   The root cause of the issue should be investigated.

Steps to reproduce

1. Clone the repo
2. Install dependencies
3. Run npm run dev
4. Update wp-templates/index.js file with the provided combinations above to test different scenarios

Additional context

No response

@faustwp/core Version

3.3.6

@faustwp/cli Version

3.3.6

FaustWP Plugin Version

https://faustexample.wpengine.com

WordPress Version

https://faustexample.wpengine.com

Additional environment details

.env

# Your WordPress site URL
NEXT_PUBLIC_WORDPRESS_URL=https://faustexample.wpengine.com

Please confirm that you have searched existing issues in the repo.

• Yes