React Context with Typescript to show current active page tab, Global Context provider with reducer

This is part4 of NextJs Sanity Stripe eCommerce Project. In this video we solved the problem when refreshing the whole page and losing the focus or the indicator on the tab of the page to show which page is active currently.
We used Typescript, React Global Context Provider, createContext, useContext, useReducer to allow all pages to access and control the state that manages the pages tabs.
NextJs 13
ReactJs
Global Context Provider
createContext
useContext
useReducer
Sanity
MUI5
Stripe
Current active page indicator

Source Code on github:

00:00 Introduction
00:53 React Global Context in Typescript
08:15 Changing active tab state from the current page

[Laurtron]

Hey man when Will next part come out? I really appreciate this

[cmk]

When is the next part coming out??
Great video btw

[osmanminaz]

I like your videos! thank you for uploading <3

[wolfebane]

Hi, is the next part coming out soon? I'd really love to see how you created your details page, new to TS