Astro - Using client:load directive to include JavaScript for components not working as expected

Question

I'm using React in Astro, and when including a TSX component and applying the client:load directive, it doesn't work, i.e., the JavaScript is not included.

I'm new to Astro.

This is how the code looks:

<Navbar client:load path="blog" />

I need interactivity for the Navbar because I have dropdowns and dropdown togglers. The onClick handlers on them are not working.