# Newly added comments are not shown

**URL:** <https://forum.social.plus/t/newly-added-comments-are-not-shown/1445>\
**Category:** UIkit\
**Created:** [September 6, 2024, 6:27am UTC](https://forum.social.plus/t/newly-added-comments-are-not-shown/1445 "2024-09-06T06:27:52Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![ari](https://avatars.discourse-cdn.com/v4/letter/a/5f8ce5/32.png) [@ari](https://forum.social.plus/u/ari)\
**Post date:** [September 6, 2024, 6:27am UTC](https://forum.social.plus/t/newly-added-comments-are-not-shown/1445/1 "2024-09-06T06:27:52Z")

</div>

Hello,

We found an issue where newly added comments are not shown under a community post if the user has just joined the community. The steps to reproduce this issue are:

1. Go to the Explore page.
2. Click on any public community.
3. Join the community.
4. Add a comment to any post, or add a reply to a comment under a post.
5. The comment/reply is not visible under the post.

The above keeps happening until the user refreshes the page. After refreshing the page, all of the comments that were added beforehand are now displayed and any new comments also get displayed immediately.

I am using version 3.7.0 of the React UI Kit, so the code is the same as in this branch: [GitHub - AmityCo/Amity-Social-Cloud-UIKit-Web-OpenSource at release/v3.7.0](https://github.com/AmityCo/Amity-Social-Cloud-UIKit-Web-OpenSource/tree/release/v3.7.0)

This UI Kit version uses v6.27.0 of the @amityco/ts-sdk. I tried upgrading it to the latest version (6.30.0), but that didn’t help.

When I access the community page of a community I already belong to, I can see that a subscription to the following topic “{id}/social/community/{communityId}/post/+”. However, this subscription is missing if I access the community page of a community I do not belong to and it doesn’t get added after I join the community. Could this be the root cause of this issue?

Any help in identifying the cause would be much appreciated.

Thank you.

---

<div class="post-metadata">

**Author:** ![SocialPlus\_Support](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.social.plus/socialplus_support/32/798_2.png) [@SocialPlus\_Support](https://forum.social.plus/u/SocialPlus_Support)\
**Post date:** [September 6, 2024, 7:09am UTC](https://forum.social.plus/t/newly-added-comments-are-not-shown/1445/2 "2024-09-06T07:09:35Z")

</div>

Hello @ari , For your issue, we recommend updating to the latest version. Please refer to the following link for the latest updates and setup instructions: [Amity Social Cloud UIKit - v3.10.0 ReadMe](https://github.com/AmityCo/Amity-Social-Cloud-UIKit-Web-OpenSource/tree/release/v3.10.0?tab=readme-ov-file#readme)

Let us know if you encounter any further question 🙏

---

<div class="post-metadata">

**Author:** ![ari](https://avatars.discourse-cdn.com/v4/letter/a/5f8ce5/32.png) [@ari](https://forum.social.plus/u/ari)\
**Post date:** [September 6, 2024, 7:33am UTC](https://forum.social.plus/t/newly-added-comments-are-not-shown/1445/3 "2024-09-06T07:33:23Z")

</div>

Hello,

Community pages don’t seem to work at all in v3.10.0 of the React UI Kit. After going to the Explore page (as a user who does not belong to any communities yet) and clicking on a community, I just get an empty page:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/amity/original/1X/77ee1e53a66c3b952895f6252141f25c1c7e877c.png)

I cloned the repo, then ran the following commands:

1. pnpm install
2. pnpm run build
3. pnpm pack

Then I ran the following in my app:

1. pnpm i file:“{path to .tgz file}”

And this is how I initialised the `AmityUiKitProvider`:

```auto
function App() {
  return (
    <AmityUiKitProvider
      apiKey={key}
      userId={userId}
      displayName="Ari"
      apiRegion="EU"
    >
      <AmityUiKitSocial />
    </AmityUiKitProvider>
  );
}

export default App;

```

Do I need to configure anything else to get the communities to work?

---

<div class="post-metadata">

**Author:** ![SocialPlus\_Support](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.social.plus/socialplus_support/32/798_2.png) [@SocialPlus\_Support](https://forum.social.plus/u/SocialPlus_Support)\
**Post date:** [September 6, 2024, 8:57am UTC](https://forum.social.plus/t/newly-added-comments-are-not-shown/1445/4 "2024-09-06T08:57:59Z")

</div>

Hello @ari , Thank you for your information, I will pass to our team to check on this.

---

<div class="post-metadata">

**Author:** ![SocialPlus\_Support](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.social.plus/socialplus_support/32/798_2.png) [@SocialPlus\_Support](https://forum.social.plus/u/SocialPlus_Support)\
**Post date:** [September 10, 2024, 10:01am UTC](https://forum.social.plus/t/newly-added-comments-are-not-shown/1445/5 "2024-09-10T10:01:35Z")

</div>

Hello @ari , We are pleased to inform you that the issue you reported has been resolved in **version 3.10.1.** , You can check and download the fix through this link: [@amityco/ui-kit-open-source - npm](https://www.npmjs.com/package/@amityco/ui-kit-open-source/v/3.10.1)

Please update to this version and let us know if everything works as expected. Should you encounter any further issues or need additional assistance, feel free to reach out.

---

<div class="post-metadata">

**Author:** ![ari](https://avatars.discourse-cdn.com/v4/letter/a/5f8ce5/32.png) [@ari](https://forum.social.plus/u/ari)\
**Post date:** [September 10, 2024, 11:06am UTC](https://forum.social.plus/t/newly-added-comments-are-not-shown/1445/6 "2024-09-10T11:06:42Z")

</div>

Thanks @SocialPlus_Support, I tried using version 3.10.1, but it’s not working for me.

Firstly, I tried installing it via npm, i.e. by running `npm i @amityco/ui-kit-open-source`. I got the following error:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/amity/original/1X/f6612a8cd2edbcb5b21ee09ed147d2d1bac328f2.png)

I also tried linking it by cloning version 3.10.1 of the repo and running the following commands:

1. pnpm install
2. pnpm run build
3. pnpm pack
4. pnpm i file:“{path to .tgz file}” (in my app)

And I got this error:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/amity/original/1X/8d48e0f553efbf1497fbe49608459f75cfe876d0.png)

Would you be able to advise me on how to fix the above errors, please?

Thank you.

Edit: I forgot to add that I’m using version 6.30.0 of the `@amityco/ts-sdk` library in case this helps.

---

<div class="post-metadata">

**Author:** ![SocialPlus\_Support](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.social.plus/socialplus_support/32/798_2.png) [@SocialPlus\_Support](https://forum.social.plus/u/SocialPlus_Support)\
**Post date:** [September 12, 2024, 11:09am UTC](https://forum.social.plus/t/newly-added-comments-are-not-shown/1445/7 "2024-09-12T11:09:23Z")

</div>

Hello @ari, regarding the compile error, we have applied a fix in the new version. Please update to version 3.10.2.

**Link** : [@amityco/ui-kit-open-source - npm](https://www.npmjs.com/package/@amityco/ui-kit-open-source/v/3.10.2)

---

<div class="post-metadata">

**Author:** ![ari](https://avatars.discourse-cdn.com/v4/letter/a/5f8ce5/32.png) [@ari](https://forum.social.plus/u/ari)\
**Post date:** [September 12, 2024, 1:11pm UTC](https://forum.social.plus/t/newly-added-comments-are-not-shown/1445/8 "2024-09-12T13:11:42Z")

</div>

Thank you, it looks like that’s working now.