Prop Drilling in React

In React, props are used to pass data from a parent component to a child component. Props are an important part of React because they allow components to share information. However, when data needs to travel through many levels of components, it can lead to a situation called Prop Drilling. Prop drilling means passing data from a parent component to a deeply nested child component through intermediate components, even when those intermediate components do not need the data. For example, imagine the component structure: App ↓ Parent ↓ Child ↓ GrandChild Suppose the App component has a username