fix(r18): ts in and out modify

Author: joshuaellis

.yarn/cache/@ampproject-remapping-npm-2.2.0-114878fa50-d74d170d06.zip

@@ -16,8 +16,8 @@
     "lodash.clamp": "^4.0.3",
     "lodash.shuffle": "^4.2.0",
     "lorem-ipsum": "^2.0.4",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
     "react-feather": "^2.0.9",
     "react-use-gesture": "^9.1.3",
     "react-use-measure": "^2.1.1",

.yarn/cache/@babel-compat-data-npm-7.17.10-78bb00a360-e85051087c.zip

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom/client'
 import './index.css'
 import App from './App'
 
-ReactDOM.createRoot(document.getElementById('root')).render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>

.yarn/cache/@babel-core-npm-7.17.10-1a94847d37-2545fb24b4.zip

@@ -22,8 +22,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-generator-npm-7.17.10-6e6a510ddb-9ec596a6ff.zip

@@ -22,8 +22,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-helper-compilation-targets-npm-7.17.10-4648377de1-5f547c7ebd.zip

@@ -22,8 +22,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-helper-function-name-npm-7.17.9-baf558fead-a59b2e5af5.zip

@@ -21,8 +21,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-helper-module-transforms-npm-7.17.7-d26786bf84-0b8f023aa7.zip

@@ -21,8 +21,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-helper-simple-access-npm-7.17.7-3274d165af-58a9bfd054.zip

@@ -22,8 +22,8 @@
   ],
   "bic": false,
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-helper-skip-transparent-expression-wrappers-npm-7.16.0-caad6e8361-b9ed2896eb.zip

@@ -25,8 +25,8 @@
   ],
   "devDependencies": {
     "@types/lodash-es": "^4.17.4",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-helpers-npm-7.17.9-68ae2c1f37-3c6db861e4.zip

@@ -21,8 +21,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-parser-npm-7.17.10-0c7ff9835b-a9493d9fb8.zip

@@ -21,8 +21,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-plugin-proposal-class-properties-npm-7.16.0-9106ec25a5-b1665ced55.zip

@@ -22,8 +22,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-plugin-proposal-nullish-coalescing-operator-npm-7.16.0-bdd28f11cb-e50f949299.zip renamed to .yarn/cache/@babel-plugin-proposal-nullish-coalescing-operator-npm-7.16.7-45af3f7fdc-bfafc27016.zip

@@ -21,8 +21,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-plugin-proposal-optional-chaining-npm-7.16.0-fe3431862e-8301e08292.zip

@@ -24,8 +24,8 @@
   ],
   "devDependencies": {
     "@types/lodash.shuffle": "4.2.6",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-plugin-syntax-flow-npm-7.16.7-fcb87696ac-b1ab0bd9b7.zip

@@ -25,8 +25,8 @@
   ],
   "devDependencies": {
     "@types/lodash.shuffle": "4.2.6",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-plugin-transform-flow-strip-types-npm-7.16.0-6e51505936-589f65e8da.zip renamed to .yarn/cache/@babel-plugin-transform-flow-strip-types-npm-7.16.7-b89037548a-4b4801c91d.zip

@@ -21,8 +21,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-plugin-transform-modules-commonjs-npm-7.16.0-2af1b97bf1-a7e43670f5.zip

@@ -24,8 +24,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-plugin-transform-modules-commonjs-npm-7.17.9-c665c1c590-23f248a28b.zip

@@ -22,8 +22,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-preset-flow-npm-7.16.0-111e71f8e0-4417293f64.zip renamed to .yarn/cache/@babel-preset-flow-npm-7.16.7-60b8752195-b73c743a6b.zip

@@ -22,8 +22,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-preset-typescript-npm-7.16.0-0980358136-9b22316e96.zip

@@ -22,8 +22,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-register-npm-7.13.16-c9089f2afd-a2a4622292.zip

@@ -14,8 +14,8 @@
     "vec-la": "1.5.0"
   },
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   },
   "scripts": {

.yarn/cache/@babel-register-npm-7.17.7-0806c2ccd6-b4b352a294.zip

@@ -21,8 +21,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-traverse-npm-7.17.10-c61bddeb28-44ec0a59aa.zip

@@ -22,8 +22,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@babel-types-npm-7.17.10-3d8801c555-40cfc3f43a.zip

@@ -21,8 +21,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@cnakazawa-watch-npm-1.0.4-ee43493884-88f395ca0a.zip

@@ -21,8 +21,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@jridgewell-gen-mapping-npm-0.1.1-3bad172ac6-3bcc21fe78.zip

@@ -23,8 +23,8 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "@types/styled-components": "^5.1.9",
     "typescript": "^4.2.3"
   }

.yarn/cache/@jridgewell-set-array-npm-1.1.0-28d7ec645b-86ddd72ce7.zip

@@ -27,8 +27,8 @@
   ],
   "devDependencies": {
     "@types/lodash-es": "^4.17.4",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "typescript": "^4.2.3"
   }
 }

.yarn/cache/@jridgewell-trace-mapping-npm-0.3.9-91625cd7fb-d89597752f.zip

@@ -19,8 +19,8 @@
     "next-seo": "^5.1.0",
     "next-transpile-modules": "^9.0.0",
     "prism-react-renderer": "^1.3.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
     "react-feather": "^2.0.9",
     "react-lazyload": "^3.2.0",
     "react-live": "^2.4.1",

.yarn/cache/@react-native-community-cli-debugger-ui-npm-6.0.0-rc.0-cfd0654651-8e044f8cf7.zip renamed to .yarn/cache/@react-native-community-cli-debugger-ui-npm-7.0.3-d950f32889-ea90b321a3.zip

@@ -81,10 +81,10 @@
     "@types/lodash.clamp": "^4.0.6",
     "@types/lodash.shuffle": "^4.2.6",
     "@types/mdx-js__react": "^1.5.5",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.11",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
     "@types/react-lazyload": "^3.1.1",
-    "@types/react-native": "^0.66.15",
+    "@types/react-native": "^0.67.6",
     "@types/styled-components": "^5.1.22",
     "@types/three": "^0.137.0",
     "@vitejs/plugin-react-refresh": "^1.3.6",
@@ -99,10 +99,10 @@
     "postinstall-postinstall": "^2.1.0",
     "prettier": "^2.5.1",
     "pretty-quick": "^3.1.3",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-konva": "^17.0.2-5",
-    "react-native": "^0.66.4",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-konva": "^18.0.0-0",
+    "react-native": "^0.68.1",
     "react-zdog": "^1.0.11",
     "spec.ts": "^1.1.3",
     "start-server-and-test": "^1.14.0",

.yarn/cache/@react-native-community-cli-npm-6.3.1-9c4f928390-a1ca1363d6.zip renamed to .yarn/cache/@react-native-community-cli-npm-7.0.3-b57cf74ec6-5f2907e4e7.zip

@@ -32,23 +32,26 @@ import {
  * `Interpolation` as the `to` prop of a `useSpring` call will trigger an
  * animation toward the memoized value.
  */
-export class Interpolation<In = any, Out = any> extends FrameValue<Out> {
+export class Interpolation<
+  Input = any,
+  Output = any
+> extends FrameValue<Output> {
   /** Useful for debugging. */
   key?: string
 
   /** Equals false when in the frameloop */
   idle = true
 
   /** The function that maps inputs values to output */
-  readonly calc: InterpolatorFn<In, Out>
+  readonly calc: InterpolatorFn<Input, Output>
 
   /** The inputs which are currently animating */
   protected _active = new Set<FluidValue>()
 
   constructor(
     /** The source of input values */
     readonly source: unknown,
-    args: InterpolatorArgs<In, Out>
+    args: InterpolatorArgs<Input, Output>
   ) {
     super()
     this.calc = createInterpolator(...args)
@@ -74,7 +77,7 @@ export class Interpolation<In = any, Out = any> extends FrameValue<Out> {
   }
 
   protected _get() {
-    const inputs: Arrify<In> = is.arr(this.source)
+    const inputs: Arrify<Input> = is.arr(this.source)
       ? this.source.map(getFluidValue)
       : (toArray(getFluidValue(this.source)) as any)
 

.yarn/cache/@react-native-community-cli-platform-android-npm-7.0.1-ecbe78d60b-35f741153c.zip

@@ -33,16 +33,16 @@ export type Interpolated<T extends ReadonlyArray<any>> = {
  */
 export interface Interpolator {
   // Tuple of parent values
-  <In extends ReadonlyArray<any>, Out>(
-    parents: In,
-    interpolator: (...args: Interpolated<In>) => Out
-  ): Interpolation<Out>
+  <Input extends ReadonlyArray<any>, Output>(
+    parents: Input,
+    interpolator: (...args: Interpolated<Input>) => Output
+  ): Interpolation<Output>
 
   // Single parent value
-  <In, Out>(
-    parent: FluidValue<In> | In,
-    interpolator: InterpolatorFn<In, Out>
-  ): Interpolation<Out>
+  <Input, Output>(
+    parent: FluidValue<Input> | Input,
+    interpolator: InterpolatorFn<Input, Output>
+  ): Interpolation<Output>
 
   // Interpolation config
   <Out>(