update dependencies, fix new lint warnings (#2341)

Author: Simek

bun.lock

@@ -17,7 +17,7 @@ type Props = {
 };
 
 export function ToggleLink({ query, filterParam, basePath = '/packages', allowFalse }: Props) {
-  const [isHovered, setHovered] = useState<boolean>(false);
+  const [isHovered, setHovered] = useState(false);
   const isSelected = !!query[filterParam.param];
   const isFalsy = allowFalse && query[filterParam.param] === 'false';
 

components/Filters/ToggleLink.tsx

@@ -26,7 +26,7 @@ export default function CollapsibleSection({
   const sectionKey = sanitizeTitle(title);
   const key = `@ReactNativeDirectory:PackageSectionCollapsed:${sectionKey}`;
 
-  const [collapsed, setCollapsed] = useState<boolean>(Boolean(window.localStorage.getItem(key)));
+  const [collapsed, setCollapsed] = useState(Boolean(window.localStorage.getItem(key)));
 
   useEffect(() => {
     setCollapsed(window.localStorage.getItem(key) === 'true');

components/Package/CollapsibleSection.tsx

@@ -12,7 +12,7 @@ type Props = {
 };
 
 export default function MarkdownContentTab({ tab, activeTab, onPress }: Props) {
-  const [isHovered, setHovered] = useState<boolean>(false);
+  const [isHovered, setHovered] = useState(false);
   const Element = onPress ? Pressable : View;
   return (
     <Element

components/Package/MarkdownContentBox/MarkdownContentTab.tsx

@@ -13,7 +13,7 @@ type Props = {
 const MAX_TOPICS = 16;
 
 export default function TopicsSection({ topics }: Props) {
-  const [expanded, setExpanded] = useState<boolean>(false);
+  const [expanded, setExpanded] = useState(false);
 
   if (!topics || !topics.length) {
     return null;

components/Package/TopicsSection.tsx

@@ -54,7 +54,7 @@ export function getBookmarksFromCookie(cookieString?: string): string[] {
 }
 
 export function BookmarksProvider({ children }: PropsWithChildren) {
-  const [bookmarkedIds, setBookmarkedIds] = useState<Set<string>>(new Set());
+  const [bookmarkedIds, setBookmarkedIds] = useState<Set<string>>(new Set()); // oxlint-disable-line no-unnecessary-type-arguments
   const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {

context/BookmarksContext.tsx

@@ -4,6 +4,6 @@ export type CustomAppearanceContextType = {
   toggleTheme: () => void;
 };
 
-export default createContext<CustomAppearanceContextType>({
+export default createContext({
   toggleTheme() {},
 });

context/CustomAppearanceContext.ts

@@ -35,7 +35,7 @@
     "es-toolkit": "^1.45.1",
     "expo": "55.0.9",
     "expo-font": "^55.0.4",
-    "next": "^16.2.1",
+    "next": "^16.2.2",
     "node-emoji": "^2.2.0",
     "postcss": "^8.5.8",
     "react": "19.2.4",
@@ -59,7 +59,7 @@
   },
   "devDependencies": {
     "@expo/next-adapter": "^6.0.0",
-    "@next/bundle-analyzer": "^16.2.1",
+    "@next/bundle-analyzer": "^16.2.2",
     "@prettier/plugin-oxc": "^0.1.3",
     "@types/bun": "^1.3.11",
     "@types/crypto-js": "^4.2.2",
@@ -76,7 +76,7 @@
     "next-images": "^1.8.5",
     "oxfmt": "^0.43.0",
     "oxlint": "^1.58.0",
-    "oxlint-tsgolint": "^0.18.1",
+    "oxlint-tsgolint": "^0.19.0",
     "simple-git-hooks": "^2.13.1",
     "typescript": "^6.0.2",
     "user-agent-data-types": "^0.4.3"

package.json

@@ -28,7 +28,7 @@ function getData(): SortedDataType {
 }
 
 const SortedData = getData();
-const ReversedSortedData = Object.entries(getData()).reduce<SortedDataType>(
+const ReversedSortedData = Object.entries(getData()).reduce(
   (accumulator, data) => ({ ...accumulator, [data[0]]: data[1].reverse() }),
   {} as SortedDataType
 );