Use tiny-invariant instead of custom invariant()

app/components/PageHeader.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { PageHeader as Header, PageTitle } from '@oxide/ui'
-import { invariant } from '@oxide/util'
+import invariant from 'tiny-invariant'
 import { useMatches } from 'app/hooks/use-matches'
 
 export function PageHeader() {

app/components/Tabs.tsx

@@ -2,12 +2,8 @@ import React from 'react'
 import { useSearchParams } from 'react-router-dom'
 import type { TabsProps } from '@oxide/ui'
 import { Tabs as UITabs, Tab as UITab } from '@oxide/ui'
-import {
-  flattenChildren,
-  invariant,
-  kebabCase,
-  pluckAllOfType,
-} from '@oxide/util'
+import { flattenChildren, kebabCase, pluckAllOfType } from '@oxide/util'
+import invariant from 'tiny-invariant'
 
 /**
  * Wrapper for UI lib Tabs that syncs current tab with arg in URL query string.

app/forms/disk-attach.tsx

@@ -2,7 +2,7 @@ import { Form, NameField } from '@oxide/form'
 import React from 'react'
 import type { Disk } from '@oxide/api'
 import { useApiMutation, useApiQueryClient } from '@oxide/api'
-import { invariant } from '@oxide/util'
+import invariant from 'tiny-invariant'
 import { useParams } from 'app/hooks'
 import type { PrebuiltFormProps } from 'app/forms'
 

app/forms/subnet-edit.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import type { VpcSubnet } from '@oxide/api'
 import { useApiMutation, useApiQueryClient } from '@oxide/api'
-import { invariant } from '@oxide/util'
+import invariant from 'tiny-invariant'
 
 import { CreateSubnetForm } from './subnet-create'
 import { useParams } from 'app/hooks'

app/hooks/use-params.ts

@@ -1,6 +1,6 @@
 import type { Params } from 'react-router-dom'
 import { useParams as _useParams } from 'react-router-dom'
-import { invariant } from '@oxide/util'
+import invariant from 'tiny-invariant'
 
 /**
  * Wrapper for React Router's `useParams` that throws (in dev) if any of the

app/hooks/use-quick-actions.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react'
 import { useCallback, useState } from 'react'
 import { useKey } from './use-key'
-import { invariant } from '@oxide/util'
+import invariant from 'tiny-invariant'
 import { ActionMenu } from '@oxide/ui'
 import type { QuickActionItem } from '@oxide/ui'
 import create from 'zustand'

libs/form/Form.tsx

@@ -6,17 +6,16 @@ import {
   addProps,
   classed,
   flattenChildren,
-  invariant,
   isOneOf,
   pluckFirstOfType,
   tunnel,
   Wrap,
 } from '@oxide/util'
 import type { FormikConfig } from 'formik'
 import { Formik } from 'formik'
-import { cloneElement } from 'react'
 import type { ReactNode } from 'react'
-import React from 'react'
+import React, { cloneElement } from 'react'
+import invariant from 'tiny-invariant'
 import './form.css'
 import cn from 'classnames'
 import type { ErrorResponse } from '@oxide/api'

libs/ui/lib/badge/Badge.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import cn from 'classnames'
-import { invariant } from '@oxide/util'
+import invariant from 'tiny-invariant'
 
 export type BadgeColor = 'default' | 'destructive' | 'notice' | 'neutral'
 export type BadgeVariant = 'default' | 'secondary' | 'ghost'

libs/ui/lib/properties-table/PropertiesTable.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import type { ReactNode } from 'react'
-import { invariant, isOneOf } from '@oxide/util'
+import invariant from 'tiny-invariant'
+import { isOneOf } from '@oxide/util'
 import { Badge } from '../badge/Badge'
 import cn from 'classnames'
 import './properties-table.css'

libs/ui/lib/tabs/Tabs.tsx

@@ -14,15 +14,10 @@ import {
   TabPanel as RTabPanel,
 } from '@reach/tabs'
 import cn from 'classnames'
+import invariant from 'tiny-invariant'
 
 import './Tabs.css'
-import {
-  addKey,
-  addProps,
-  flattenChildren,
-  invariant,
-  pluckAllOfType,
-} from '@oxide/util'
+import { addKey, addProps, flattenChildren, pluckAllOfType } from '@oxide/util'
 
 export type TabsProps = Assign<JSX.IntrinsicElements['div'], RTabsProps> & {
   id: string

libs/util/index.ts

@@ -1,6 +1,5 @@
 export * from './classed'
 export * from './str'
-export * from './invariant'
 export * from './object'
 export * from './children'
 export * from './unreachable'

package.json

@@ -49,6 +49,7 @@
     "react-table": "^7.7.0",
     "react-transition-group": "^4.4.1",
     "recharts": "^2.1.6",
+    "tiny-invariant": "^1.2.0",
     "ts-dedent": "^2.2.0",
     "tslib": "^2.0.0",
     "tunnel-rat": "^0.0.3",

yarn.lock

@@ -13914,6 +13914,11 @@ tiny-emitter@^2.0.0:
   resolved "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz"
   integrity sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==
 
+tiny-invariant@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.2.0.tgz#a1141f86b672a9148c72e978a19a73b9b94a15a9"
+  integrity sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==
+
 tiny-warning@^1.0.2, tiny-warning@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz"