🐛 BUG: two instances of the same React component taking different props on an .astro page both render with the same props

[sarah11918]

What package manager are you using?

npm (on CodeSandbox)

What operating system are you using?

ChromeOS

Describe the Bug

Two separate instances of a component (each with different props) that displays a user's most recent tweet on the same Astro page end up rendering two individual tweet displays (as expected) however they are both of the same (second) user (unexpected).

(NB: When the HTML is inspected, both components' astro-root uid are identical.)

Steps to Reproduce

1. install react-twitter-widgets
2. Create a React component that accepts props.
   eg:
   `import React from "react";
   import { Timeline } from "react-twitter-widgets";

const RecentTweet = ({ user }) => (
<>

<Timeline
dataSource={{
sourceType: "profile",
screenName: user
}}
options={{
width: "100",
tweetLimit: "1"
}}
/>

</>
);

export default RecentTweet;`

2. on an Astro page, import, render multiple instances of that component, using different props for each component
   eg
   `

` 3. Error! Instead of the .astro page rendering two different Tweets, one from each user... two identical Tweets are rendered, both from user2's Twitter profile.

Link to Minimal Reproducible Example (Optional)

No response

[matthewp]

Thanks, someone submitted a fix in #846.

[Kilian]

I'm currently running into this issues with Astro 0.22.2 on this site: https://tender-carson-79d420.netlify.app/ the three tickers on this page all get instantiated with different props, yet they all end up with the same astro-root uid and props (According to the react dev tools)

Is this fix in Astro 0.22.2?