I’m trying to create a dropdown for users, similar to the one on YouTube, where there is a main menu and submenus. I define it like this:

I’m trying to partially update userData object

Note: before marking as duplicate, make sure that linked solution (if any, I failed to find one) has the same prop notion as in code below.

I have this item interface:

I am encountering a TypeScript error when trying to use the Logo component from our design system package in a different project. The component seems to be imported correctly, but TypeScript is not recognizing it as a valid React component.

I am a junior developer and I am getting an interesting error.

In my React app that I have started using Vite and SWC compiler, using Visual Studio Code, I have this piece of code in the component of the React application:

I have problems with dynamisation in Typescript. I know that TS works statically. However, there are sometimes situations where I want to access an object dynamically and cannot do this directly via any generics because the values are generated. Perhaps you could help me to understand the whole thing a little better. I have the following example:

why I recieve this error although I make a condition check if the object exists.

I’m trying to get rid of the error occurring when im accessing .current from mainContainer passed from the App component, the error says “Property ‘current’ does not exist on type ‘((instance: unknown) => void) | MutableRefObject’.
Property ‘current’ does not exist on type ‘(instance: unknown) => void’.ts(2339)
any”, but it actually exists and I can access it.