🚨 Fix TypeScript Linting warnings for React 19 upgrade

[balajis-qb]

Closes #5299

Contribution checklist

• I have followed the contributing guidelines.
• I have added sufficient test coverage for my changes.
• I have formatted my code with Prettier and checked for linting issues with ESLint for code readability.

[pullrequest]

✅ This pull request was sent to the PullRequest network for review. Expert reviewers are now being matched to your request based on the code's requirements. Stay tuned!

What to expect from this code review:

• Comments posted to any areas of potential concern or improvement.
• Detailed feedback or actions needed to resolve issues that are found.
• Turnaround times vary, but we aim to be swift.

---

@balajis-qb you can click here to see the review status or cancel the code review job.

[pullrequest]

PullRequest Breakdown

Reviewable lines of change

+ 19
- 10

100% TSX

Type of change

Fix - These changes are likely to be fixing a bug or issue.

[martijnrusschen]

Weird, there's no workflow being triggered. can you try force pushing the branch again?

[martijnrusschen]

I think this looks good. Will merge this as this goes into my React 19 branch

[balajis-qb]

Weird, there's no workflow being triggered. can you try force pushing the branch again?

I think the GitHub workflow watches for the PR against the main branch alone. As I raised this PR to your feature branch, it's not triggered.