One

.changeset/fuzzy-drinks-invite.md

@@ -0,0 +1,5 @@
+---
+'leva': patch
+---
+
+fix: respect ts null reference

.eslintrc.json

@@ -1,10 +1,12 @@
 {
-  "extends": "react-app",
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],
+  "extends": ["react-app"],
   "rules": {
     "no-console": "warn"
-  },
-  "plugins": ["cypress"],
-  "env": {
-    "cypress/globals": true
   }
+  // "plugins": ["cypress"],
+  // "env": {
+  //   "cypress/globals": true
+  // }
 }

.github/workflows/main.yml

@@ -1,65 +1,62 @@
 name: CI
+
 on:
   push:
+    branches:
+      - main
     paths:
-      - '.github/**'
-      - 'packages/**'
-      - 'package.json'
-      - 'yarn.lock'
-      - '!demo/**'
-      - '!docs/**'
-      - '!**.md'
-      - '!.changeset/**'
+      - '**/package.json'
+      - '.changeset/**'
+      - '.github/workflows/release.yml'
+
+env:
+  HUSKY: 0 # Bypass husky commit hook for CI
+
 jobs:
-  build:
-    name: Build, lint, and test
+  version:
+    timeout-minutes: 8
     runs-on: ubuntu-latest
-
     steps:
-      - name: Checkout repo
+      - name: checkout code repository
         uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
 
       - name: Use Node
         uses: actions/setup-node@v2
         with:
-          node-version: '14'
-
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
+          node-version: '16'
 
-      - uses: actions/cache@v2
-        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
+      - name: Cache pnpm modules
+        uses: actions/cache@v2
         with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
-
-      - name: Install dependencies
-        run: yarn --silent
+            ${{ runner.os }}-
 
-      - name: Check types
-        run: yarn tsc
-
-      - name: Check formatting
-        run: yarn prettier
-
-      - name: Lint files
-        run: yarn lint:full
-
-      - uses: actions/cache@v2
-        name: Setup Yarn build cache
-        id: yarn-build-cache
+      - uses: pnpm/[email protected]
         with:
-          path: packages/**/dist
-          key: ${{ runner.os }}-yarn-build-${{ hashFiles('packages/') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-build-
-
-      - name: Yarn build without cache
-        if: steps.yarn-build-cache.outputs.cache-hit != 'true'
-        run: yarn build
-
-      - name: Cypress run
-        run: yarn ci:test
+          version: 6.9.1
+          run_install: true
+
+      - name: Set up NPM credentials
+        run: echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Create versions PR & prepare publish
+        id: changesets
+        uses: changesets/action@master
+        # if: github.ref == 'refs/heads/master'
+        with:
+          version: pnpm ci:version
+          publish: pnpm ci:publish
+          # Messages
+          commit: 'chore(deploy): Release'
+          title: 'chore(deploy): Release'
+        env:
+          # npm publish token required for publishing. Set this in secrets
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          # automatically available in actions
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/release.yml

@@ -8,46 +8,53 @@ on:
       - '**/package.json'
       - '.changeset/**'
       - '.github/workflows/release.yml'
-
+env:
+  HUSKY: 0 # Bypass husky commit hook for CI
 jobs:
-  release:
-    name: Release
+  version:
+    timeout-minutes: 8
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout Repo
+      - name: checkout code repository
         uses: actions/checkout@v2
         with:
-          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
       - name: Use Node
         uses: actions/setup-node@v2
         with:
-          node-version: '14'
-
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
+          node-version: '16'
 
-      - uses: actions/cache@v2
-        id: yarn-cache
+      - name: Cache pnpm modules
+        uses: actions/cache@v2
         with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-
+
+      - uses: pnpm/[email protected]
+        with:
+          version: 6.9.1
+          run_install: true
 
-      - name: Install dependencies
-        run: yarn install --silent
+      - name: Set up NPM credentials
+        run: echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
 
-      - name: Create Release Pull Request or Publish to npm
+      - name: Create versions PR & prepare publish
         id: changesets
-        uses: changesets/action@v1
+        uses: changesets/action@master
+        # if: github.ref == 'refs/heads/master'
         with:
-          version: yarn ci:version
-          publish: yarn ci:release
-          commit: 'chore(release): update monorepo packages versions'
-          title: 'Upcoming Release Changes'
+          version: pnpm ci:version
+          publish: pnpm ci:publish
+          # Messages
+          commit: 'chore(deploy): Release'
+          title: 'chore(deploy): Release'
         env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          # npm publish token required for publishing. Set this in secrets
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          # automatically available in actions
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.storybook/main.js

@@ -15,7 +15,7 @@ module.exports = {
     // Return the altered config
     return config
   },
-  typescript: {
-    reactDocgen: 'none', // temp fix for TS 4.3.2
+  features: {
+    postcss: false
   },
 }

demo/package.json

@@ -9,22 +9,22 @@
   },
   "dependencies": {
     "@radix-ui/react-icons": "^1.0.3",
-    "@react-three/drei": "^8.8.3",
-    "@react-three/fiber": "^7.0.26",
-    "@stitches/react": "1.2.8",
+    "@react-three/drei": "^9.44.1",
+    "@react-three/fiber": "^8.9.1",
+    "@stitches/react": "^1.2.8",
     "leva": "*",
     "noisejs": "^2.1.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-use": "^17.3.2",
-    "three": "^0.143.0",
+    "three": "^0.146.0",
     "wouter": "^2.7.5"
   },
   "devDependencies": {
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.11",
-    "@vitejs/plugin-react-refresh": "^1.3.6",
-    "typescript": "^4.5.5",
-    "vite": "2.7.13"
+    "@types/react": "^18.0.25",
+    "@types/react-dom": "^18.0.9",
+    "@vitejs/plugin-react": "^2.2.0",
+    "typescript": "^4.9.3",
+    "vite": "^3.2.4"
   }
 }

demo/src/App.jsx

@@ -1,10 +1,10 @@
-import React from 'react'
 import { Link, Route } from 'wouter'
 import { createStitches } from '@stitches/react'
 
 import styles from './styles.module.css'
 
 import Minimal from './sandboxes/leva-minimal/src/App'
+import React18 from './sandboxes/leva-react18/src/App'
 import PluginSpring from './sandboxes/leva-plugin-spring/src/App'
 import PluginPlot from './sandboxes/leva-plugin-plot/src/App'
 import PluginBezier from './sandboxes/leva-plugin-bezier/src/App'
@@ -34,6 +34,7 @@ const Page = styled('div', {
 
 const links = {
   'leva-minimal': Minimal,
+  'leva-react18': React18,
   'leva-busy': Busy,
   'leva-advanced-panels': AdvancedPanels,
   'leva-scroll': Scroll,