Upgrade some deps in preparation of including lint in CI

Author: timdorr

package.json

@@ -63,47 +63,47 @@
     }
   },
   "dependencies": {
-    "@types/use-sync-external-store": "^0.0.3",
-    "use-sync-external-store": "^1.0.0"
+    "@types/use-sync-external-store": "^0.0.6",
+    "use-sync-external-store": "^1.2.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.1",
-    "@babel/core": "^7.12.3",
-    "@babel/plugin-proposal-decorators": "^7.12.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
-    "@babel/plugin-transform-flow-strip-types": "^7.22.5",
-    "@babel/plugin-transform-react-display-name": "^7.12.1",
-    "@babel/plugin-transform-react-jsx": "^7.12.1",
-    "@babel/plugin-transform-runtime": "^7.12.1",
-    "@babel/preset-env": "^7.12.1",
-    "@babel/preset-typescript": "^7.14.5",
-    "@microsoft/api-extractor": "^7.18.1",
-    "@reduxjs/toolkit": "^2.0.0-beta.4",
-    "@testing-library/jest-dom": "^6.3.0",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@types/node": "^20.11.6",
+    "@babel/cli": "^7.24.7",
+    "@babel/core": "^7.24.7",
+    "@babel/plugin-proposal-decorators": "^7.24.7",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+    "@babel/plugin-transform-flow-strip-types": "^7.24.7",
+    "@babel/plugin-transform-react-display-name": "^7.24.7",
+    "@babel/plugin-transform-react-jsx": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
+    "@microsoft/api-extractor": "^7.47.0",
+    "@reduxjs/toolkit": "^2.2.5",
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^16.0.0",
+    "@types/node": "^20.14.2",
     "@types/prop-types": "^15.7.12",
-    "@types/react": "18.2.25",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^6.17.0",
     "@typescript-eslint/parser": "^6.17.0",
     "babel-eslint": "^10.1.0",
-    "codecov": "^3.8.0",
-    "cross-env": "^7.0.2",
-    "eslint": "^8.56.0",
+    "codecov": "^3.8.3",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-prettier": "^5.1.2",
-    "eslint-plugin-react": "^7.33.2",
-    "glob": "^7.1.6",
-    "jsdom": "^24.0.0",
-    "prettier": "^3.1.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-test-renderer": "18.0.0",
-    "redux": "^5.0.0",
-    "rimraf": "^3.0.2",
-    "tsup": "^7.0.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.2",
+    "jsdom": "^24.1.0",
+    "prettier": "^3.3.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-test-renderer": "18.3.1",
+    "redux": "^5.0.1",
+    "rimraf": "^5.0.7",
+    "tsup": "^8.1.0",
     "typescript": "^5.4.5",
     "vitest": "^1.6.0"
   },

test/hooks/useDispatch.spec.tsx

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks'
+import { renderHook } from '@testing-library/react'
 import React from 'react'
 import type { ProviderProps, ReactReduxContextValue } from 'react-redux'
 import {
@@ -32,7 +32,7 @@ describe('React', () => {
         const useCustomDispatch = createDispatchHook(nestedContext)
         const { result } = renderHook(() => useDispatch(), {
           // eslint-disable-next-line react/prop-types
-          wrapper: ({ children, ...props }: ProviderProps) => (
+          wrapper: ({ children, ...props }) => (
             <ProviderMock {...props} store={store}>
               <ProviderMock context={nestedContext} store={store2}>
                 {children}
@@ -45,7 +45,7 @@ describe('React', () => {
 
         const { result: result2 } = renderHook(() => useCustomDispatch(), {
           // eslint-disable-next-line react/prop-types
-          wrapper: ({ children, ...props }: ProviderProps) => (
+          wrapper: ({ children, ...props }) => (
             <ProviderMock {...props} store={store}>
               <ProviderMock context={nestedContext} store={store2}>
                 {children}

test/hooks/useReduxContext.spec.tsx

@@ -2,7 +2,7 @@ import {
   createReduxContextHook,
   useReduxContext,
 } from '@internal/hooks/useReduxContext'
-import { renderHook } from '@testing-library/react-hooks'
+import { renderHook } from '@testing-library/react'
 import { createContext } from 'react'
 import type { ReactReduxContextValue } from 'react-redux'
 
@@ -12,12 +12,9 @@ describe('React', () => {
       it('throws if component is not wrapped in provider', () => {
         const spy = vi.spyOn(console, 'error').mockImplementation(() => {})
 
-        const { result } = renderHook(() => useReduxContext())
-
-        expect(result.error?.message).toMatch(
+        expect(() => renderHook(() => useReduxContext())).toThrow(
           /could not find react-redux context value/,
         )
-
         spy.mockRestore()
       })
     })
@@ -27,9 +24,7 @@ describe('React', () => {
         const useCustomReduxContext = createReduxContextHook(customContext)
         const spy = vi.spyOn(console, 'error').mockImplementation(() => {})
 
-        const { result } = renderHook(() => useCustomReduxContext())
-
-        expect(result.error?.message).toMatch(
+        expect(() => renderHook(() => useCustomReduxContext())).toThrow(
           /could not find react-redux context value/,
         )
 

test/typetests/connect-options-and-issues.test-d.tsx

@@ -786,11 +786,8 @@ describe('type tests', () => {
     // Should be able to pass modern refs to a ForwardRefExoticComponent
     const modernRef: React.Ref<string> | undefined = undefined
     ;<ConnectedForwardedFunctionalComponent ref={modernRef} />
-    // Should not be able to use legacy string refs
-    ;<ConnectedForwardedFunctionalComponent
-      // @ts-expect-error
-      ref={''}
-    />
+    // Should be able to use legacy string refs
+    ;<ConnectedForwardedFunctionalComponent ref={''} />
     // ref type should agree with type of the forwarded ref
     ;<ConnectedForwardedFunctionalComponent
       // @ts-expect-error

test/typetests/hooks.test-d.tsx

@@ -224,7 +224,7 @@ describe('type tests', () => {
 
     const state = untypedStore.getState()
 
-    expectTypeOf(state).toBeObject()
+    expectTypeOf(state).toBeUnknown()
 
     const typedStore = useStore<TypedState, TypedAction>()