diff --git a/demo/pages/_document.tsx b/demo/pages/_document.tsx
index d919c1c..096b81e 100644
--- a/demo/pages/_document.tsx
+++ b/demo/pages/_document.tsx
@@ -23,7 +23,7 @@ class MyDocument extends Document {
             sizes="16x16"
             href="/favicon-16x16.png"
           />
-          <link rel="manifest" href="/manifest.json" />
+          {/*<link rel="manifest" href="/manifest.json" />*/}
           <link
             href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;0,800;1,400&display=swap"
             rel="stylesheet"
diff --git a/demo/src/boxes-transition.tsx b/demo/src/boxes-transition.tsx
index 24a97eb..d81d0cb 100644
--- a/demo/src/boxes-transition.tsx
+++ b/demo/src/boxes-transition.tsx
@@ -1,4 +1,5 @@
-import { a, TransitionFn, useTransition } from '@react-spring/web'
+import { a, useTransition } from '@react-spring/web'
+import type { TransitionFn } from '@react-spring/core'
 import { useHover } from '@use-gesture/react'
 import _ from 'lodash'
 import { BoxMeta, BoxPosition, WithColor } from './ballots-ui'
@@ -15,11 +16,8 @@ type TrState = {
 
 export const useBoxesTransition = (
   boxes: (BoxMeta & BoxPosition & WithColor & { opacity?: number })[],
-): TransitionFn<
-  BoxMeta & BoxPosition & WithColor & { opacity?: number },
-  TrState
-> => {
-  return useTransition<
+) =>
+  useTransition<
     BoxMeta & BoxPosition & WithColor & { opacity?: number },
     TrState
   >(boxes, {
@@ -54,7 +52,6 @@ export const useBoxesTransition = (
     // Using an array created by lodash.map
     keys: _.map(boxes, 'key'),
   })
-}
 
 export const renderBoxes = (
   transitions: TransitionFn<
diff --git a/demo/src/generate-ballots.ts b/demo/src/generate-ballots.ts
index 5b24ca8..6eb185b 100644
--- a/demo/src/generate-ballots.ts
+++ b/demo/src/generate-ballots.ts
@@ -9,8 +9,7 @@ const { groupBallots } = utils
 const mergeDraw = <T>(initial: T[][], toAdd: T) => {
   const idx = Math.floor(Math.random() * initial.length)
 
-  if (initial[idx]?.length) initial[idx] = [...initial[idx], toAdd]
-  else initial[idx] = [toAdd]
+  initial[idx] = initial[idx]?.length ? [...initial[idx], toAdd] : [toAdd]
 
   return initial
 }
diff --git a/demo/src/matrix.tsx b/demo/src/matrix.tsx
index e00a53f..084a571 100644
--- a/demo/src/matrix.tsx
+++ b/demo/src/matrix.tsx
@@ -8,7 +8,7 @@ import {
 } from './store/selectors'
 import { Checkbox, Typography } from 'antd'
 import { CandiTag } from './candidates'
-import shallow from 'zustand/shallow'
+import { shallow } from 'zustand/shallow'
 import { utils } from 'votes'
 
 export const MatrixComp: React.FC = () => {
diff --git a/demo/src/methods/borda/viz-borda.tsx b/demo/src/methods/borda/viz-borda.tsx
index 4d2906c..267fc77 100644
--- a/demo/src/methods/borda/viz-borda.tsx
+++ b/demo/src/methods/borda/viz-borda.tsx
@@ -6,7 +6,7 @@ import { Button } from 'antd'
 import * as d3 from 'd3'
 import { hierarchy, treemap } from 'd3-hierarchy'
 import { scaleBand } from 'd3-scale'
-import shallow from 'zustand/shallow'
+import { shallow } from 'zustand/shallow'
 import {
   selectBallots,
   selectWidth,
diff --git a/demo/src/react-ranker/ranker.tsx b/demo/src/react-ranker/ranker.tsx
index d2a0a53..fe4cfa7 100644
--- a/demo/src/react-ranker/ranker.tsx
+++ b/demo/src/react-ranker/ranker.tsx
@@ -242,7 +242,7 @@ const Ranker: React.FC<Props> = ({
         bHeight={B_HEIGHT}
         bGutter={B_GUTTER}
         count={maxRank}
-        hovered={nextB !== null ? nextB * 2 + 1 : null}
+        hovered={nextB === null ? null : nextB * 2 + 1}
       />
       <style jsx global>{`
         .car {
@@ -271,7 +271,7 @@ const Ranker: React.FC<Props> = ({
           padding-left: 8px;
           text-transform: uppercase;
           letter-spacing: -0.0142857em;
-          cursor: -webkit-grab;
+          cursor: grab;
           user-select: none;
         }
       `}</style>
diff --git a/demo/src/store/index.ts b/demo/src/store/index.ts
index 5997f1f..4208025 100644
--- a/demo/src/store/index.ts
+++ b/demo/src/store/index.ts
@@ -111,9 +111,9 @@ export const useStore = create<Store>()(
       set(({ ballots }) => ({
         ballots: ballots
           .map((ballot) =>
-            ballot.id !== id
-              ? ballot
-              : { ...ballot, weight: ballot.weight + diff },
+            ballot.id === id
+              ? { ...ballot, weight: ballot.weight + diff }
+              : ballot,
           )
           .filter((ballot) => ballot.weight > 0)
           .map((b, idx) => ({ ...b, idx })),
@@ -123,7 +123,7 @@ export const useStore = create<Store>()(
       set(({ ballots }) => ({
         ballots: mergeBallotsUtil(
           ballots.map((ballot) =>
-            ballot.id !== id ? ballot : { ...ballot, ranking },
+            ballot.id === id ? { ...ballot, ranking } : ballot,
           ),
         ),
       }))