# SPA SDK Example git hub code not working

**URL:** <https://community.bloomreach.com/t/spa-sdk-example-git-hub-code-not-working/4051>\
**Category:** Experience Manager (PaaS/OnPrem)\
**Created:** [July 20, 2023, 4:13pm UTC](https://community.bloomreach.com/t/spa-sdk-example-git-hub-code-not-working/4051 "2023-07-20T16:13:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yod](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/yod/32/1323_2.png) [@Yod](https://community.bloomreach.com/u/Yod)\
**Post date:** [July 20, 2023, 4:13pm UTC](https://community.bloomreach.com/t/spa-sdk-example-git-hub-code-not-working/4051/1 "2023-07-20T16:13:39Z")

</div>

Hello,

SPA SDK Example git hub code not compatible with the example provided under in [GitHub - bloomreach/spa-sdk](https://github.com/bloomreach/spa-sdk).

We are referring below new list component class to load dynamic query component but its different and will not work.

> <https://github.com/bloomreach/spa-sdk/blob/main/examples/react/src/components/NewsList.tsx>

Is there any example available to render the list of documents in react while using dynamic query component?

Thanks

---

<div class="post-metadata">

**Author:** ![Lef\_Karamoulas](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/lef_karamoulas/32/82_2.png) [@Lef\_Karamoulas](https://community.bloomreach.com/u/Lef_Karamoulas)\
**Post date:** [July 20, 2023, 5:57pm UTC](https://community.bloomreach.com/t/spa-sdk-example-git-hub-code-not-working/4051/2 "2023-07-20T17:57:58Z")

</div>

Hello @Yod

you are right that the NewsList.tsx example is outdated and uses the older model.  
Please follow [this](https://github.com/bloomreach/bloomreach-reference-spa/blob/main/components/PageCatalog/PageCatalog.tsx) example component instead.

Kind regards
