Upgrade dependencies & pnpm (#785)

* Updated log

* Updates to root

* Updates to pnpm

* successfully moved to pnpm

* type issue

* Local as the default provider

* Upgrade dependencies

* Revert to local

* Upgrade React

* Update node-fetch deps

* Fix types

* Ignore warnings

* Fix missing dependency

* Update pnpm-lock.yaml

* Add missing @types/cookie

* Upgrade dependencies

* Fix missing dependencies

* Update README.md

Co-authored-by: Bel Curcio <curciobel@gmail.com>

packages/spree/package.json

@@ -48,31 +48,35 @@
   },
   "dependencies": {
     "@spree/storefront-api-v2-sdk": "^5.1.1",
-    "@vercel/commerce": "^0.0.1",
-    "@vercel/fetch": "^6.1.1",
-    "swr": "^1.2.0",
-    "lodash.debounce": "^4.0.8"
+    "@vercel/commerce": "workspace:*",
+    "@vercel/fetch": "^6.2.0",
+    "js-cookie": "^3.0.1",
+    "lodash.debounce": "^4.0.8",
+    "node-fetch": "^2.6.7",
+    "swr": "^1.3.0"
   },
   "peerDependencies": {
     "next": "^12",
-    "react": "^17",
-    "react-dom": "^17"
+    "react": "^18",
+    "react-dom": "^18"
   },
   "devDependencies": {
     "@taskr/clear": "^1.1.0",
     "@taskr/esnext": "^1.1.0",
     "@taskr/watch": "^1.1.0",
+    "@types/js-cookie": "^3.0.2",
     "@types/lodash.debounce": "^4.0.6",
     "@types/node": "^17.0.8",
-    "@types/react": "^17.0.38",
+    "@types/node-fetch": "^2.6.2",
+    "@types/react": "^18.0.14",
     "lint-staged": "^12.1.7",
     "next": "^12.0.8",
     "prettier": "^2.5.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "taskr": "^1.1.0",
     "taskr-swc": "^0.0.1",
-    "typescript": "^4.5.4"
+    "typescript": "^4.7.4"
   },
   "lint-staged": {
     "**/*.{js,jsx,ts,tsx,json}": [

packages/spree/src/index.tsx

@@ -1,4 +1,4 @@
-import type { ComponentType, FunctionComponent } from 'react'
+import type { FC, ReactNode } from 'react'
 import {
   Provider,
   CommerceProviderProps,
@@ -14,7 +14,9 @@ import useLogout from '@vercel/commerce/auth/use-logout'
 export { spreeProvider }
 export type { SpreeProvider }
 
-export const WithTokenErrorsHandling: FunctionComponent = ({ children }) => {
+export const WithTokenErrorsHandling: FC<{ children?: ReactNode }> = ({
+  children,
+}) => {
   const logout = useLogout()
 
   return (

packages/spree/src/utils/require-config.ts

@@ -6,7 +6,7 @@ const requireConfig = <T>(isomorphicConfig: T, key: keyof T) => {
 
   if (typeof valueUnderKey === 'undefined') {
     throw new MissingConfigurationValueError(
-      `Value for configuration key ${key} was undefined.`
+      `Value for configuration key ${key.toString()} was undefined.`
     )
   }