refactor BudgetMonthCountContext to tsx (#1722)

* refactor BudgetMonthCountContext to tsx

* add release notes

packages/desktop-client/src/components/budget/BudgetMonthCountContext.js

@@ -1,17 +0,0 @@
-import React, { createContext, useContext, useState } from 'react';
-
-let BudgetMonthCountContext = createContext();
-
-export function BudgetMonthCountProvider({ children }) {
-  let [displayMax, setDisplayMax] = useState(1);
-
-  return (
-    <BudgetMonthCountContext.Provider value={{ displayMax, setDisplayMax }}>
-      {children}
-    </BudgetMonthCountContext.Provider>
-  );
-}
-
-export function useBudgetMonthCount() {
-  return useContext(BudgetMonthCountContext);
-}

packages/desktop-client/src/components/budget/BudgetMonthCountContext.tsx

@@ -0,0 +1,35 @@
+import React, {
+  createContext,
+  type Dispatch,
+  type ReactNode,
+  type SetStateAction,
+  useContext,
+  useState,
+} from 'react';
+
+type BudgetMonthCountContextValue = {
+  displayMax: number;
+  setDisplayMax: Dispatch<SetStateAction<number>>;
+};
+
+let BudgetMonthCountContext = createContext<BudgetMonthCountContextValue>(null);
+
+type BudgetMonthCountProviderProps = {
+  children: ReactNode;
+};
+
+export function BudgetMonthCountProvider({
+  children,
+}: BudgetMonthCountProviderProps) {
+  let [displayMax, setDisplayMax] = useState(1);
+
+  return (
+    <BudgetMonthCountContext.Provider value={{ displayMax, setDisplayMax }}>
+      {children}
+    </BudgetMonthCountContext.Provider>
+  );
+}
+
+export function useBudgetMonthCount() {
+  return useContext(BudgetMonthCountContext);
+}

upcoming-release-notes/1722.md

@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [Jod929]
+---
+
+Refactor budget/BudgetMonthCountContext to tsx.