I've pulled the tasks list up a component level to App.js which is now being passed down to TasksList, I think this makes more sense than the ref approach I originally used for the class components. Also means there's no need for useImperativeHandle and forwardRef which made things a bit confusing. My bad for the weird structure 🥴

Thanks for the work on this @ayush-git228! ✨

This is also merged into all extension branches now 🎉

I've pulled the tasks list up a component level to App.js which is now being passed down to TasksList, I think this makes more sense than the ref approach I originally used for the class components. Also means there's no need for useImperativeHandle and forwardRef which made things a bit confusing. My bad for the weird structure 🥴

Thanks for the work on this @ayush-git228! ✨

Sorry for the late reply as I see your comment just right now. Okay so the idea behind using forward ref and useRef was that initailly I was trying to convert the App.js and TaskList comp. both into Func. Comp with react hooks. and so the traditional refs don't work here, the forward ref is to pass the function of child comp. to use in parent comp. and this ref comes useWitha imperative Handler. But it didn't work that well, will more on that in the future but thankyou so much for pointing out the errors, really appreciated and I will make my code more clear.