Why use a Custom Hook for React Context API instead of useContext (+ TypeScript)

Video Description

👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Add authentication to your app FAST: https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Discord: all my courses have a private Discord where I actively participate 🔔 Email newsletter (BIG update soon): https://email.bytegrad.com ⏱️ Timestamps: 0:00 Intro 0:07 Context example 1:04 Wrap app with context 1:42 Client component 2:13 Consuming context (useContext) 3:09 First problem 3:20 Second problem 4:18 Check for null 4:47 Custom hook 5:45 Consume context 6:18 Context API TypeScript typing 6:27 Component props type 6:37 Context type 7:51 'Light' | 'Dark' type 8:34 Theme type 8:48 Type alias vs Interface 9:03 setTheme type #webdevelopment #programming #coding Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 . . TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)