@jeremyckahn/farmhand 1.23.2 → 1.23.3

package/src/components/ForestQuickSelect/ForestQuickSelect.tsx

@@ -2,7 +2,6 @@ import Divider from '@mui/material/Divider/index.js'
 import Grid from '@mui/material/Grid/index.js'
 import Paper from '@mui/material/Paper/index.js'
 import { Theme } from '@mui/material/styles/index.js'
-import { array, bool, func, object, string } from 'prop-types'
 
 import { quickSelectSx } from '../../styles/sx.js'
 import FarmhandContext from '../Farmhand/Farmhand.context.js'
@@ -64,17 +63,6 @@ const ForestQuickSelect = ({
   </Paper>
 )
 
-ForestQuickSelect.propTypes = {
-  mulchInventory: array.isRequired,
-  handleForestItemSelectClick: func,
-  handleItemSelectClick: func,
-  isMenuOpen: bool,
-  plantableTreeInventory: array.isRequired,
-  playerInventoryQuantities: object.isRequired,
-  selectedForestItemId: string.isRequired,
-  selectedItemId: string.isRequired,
-}
-
 export default function Consumer(
   props: Partial<Parameters<typeof ForestQuickSelect>[0]>
 ) {

package/src/components/Home/Home.tsx

@@ -7,7 +7,6 @@ import Card from '@mui/material/Card/index.js'
 import CardContent from '@mui/material/CardContent/index.js'
 import Divider from '@mui/material/Divider/index.js'
 import globalWindow from 'global/window.js'
-import { func, object } from 'prop-types'
 import ReactMarkdown from 'react-markdown'
 
 import { items } from '../../img/index.js'
@@ -289,11 +288,6 @@ If you're playing on a mobile device, all you need to do is [add it to your home
   </Div>
 )
 
-Home.propTypes = {
-  completedAchievements: object.isRequired,
-  handleViewChangeButtonClick: func.isRequired,
-}
-
 export default function Consumer(props: Partial<Parameters<typeof Home>[0]>) {
   return (
     <FarmhandContext.Consumer>

package/src/components/Home/SnowBackground.tsx

@@ -10,7 +10,7 @@ const randomInt = (min: number, max: number) => {
 
 // Taken from:
 // https://github.com/alampros/react-confetti/blob/484bad0a0aaddbcfcc2fb4c1a4a7eeceaa6d4879/stories/snow.story.jsx#L7-L24
-const drawSnowflake = function(
+const drawSnowflake = function (
   this: { numPoints?: number; radius: number },
   ctx: CanvasRenderingContext2D
 ) {

package/src/components/IngredientsList/IngredientsList.tsx

@@ -1,5 +1,4 @@
 import classNames from 'classnames'
-import { object, shape, string } from 'prop-types'
 
 import { itemsMap } from '../../data/maps.js'
 import { colors } from '../../styles/tokens.js'
@@ -46,9 +45,3 @@ export default function IngredientsList({
     </ul>
   )
 }
-
-IngredientsList.propTypes = {
-  playerInventoryQuantities: object.isRequired,
-  recipe: shape({ ingredients: object.isRequired, name: string.isRequired })
-    .isRequired,
-}

package/src/components/Inventory/Inventory.test.tsx

@@ -45,7 +45,7 @@ const StubInventory = ({ gameState = {}, ...overrides }) => {
 describe('Inventory Component', () => {
   describe('Displaying items', () => {
     test('displays all items when no categories are selected', () => {
-      const items = ([
+      const items = [
         testItem({ id: 'carrot', name: 'Carrot', type: 'CROP' as any }),
         testItem({ id: 'pumpkin', name: 'Pumpkin', type: 'CROP' as any }),
         testItem({
@@ -53,7 +53,7 @@ describe('Inventory Component', () => {
           name: 'Carrot Seed',
           type: 'SEEDS' as any,
         }),
-      ] as unknown) as farmhand.item[]
+      ] as unknown as farmhand.item[]
 
       render(<StubInventory items={items} selectedCategories={[]} />)
       items.forEach(item => {
@@ -62,14 +62,14 @@ describe('Inventory Component', () => {
     })
 
     test('filters items by search query', () => {
-      const items = ([
+      const items = [
         testItem({ id: 'carrot', name: 'Carrot', type: 'CROP' as any }),
         testItem({
           id: 'pumpkin-seed',
           name: 'Pumpkin Seed',
           type: 'SEEDS' as any,
         }),
-      ] as unknown) as farmhand.item[]
+      ] as unknown as farmhand.item[]
 
       render(<StubInventory items={items} selectedCategories={[]} />)
 

package/src/components/Inventory/Inventory.tsx

@@ -5,7 +5,6 @@ import AccordionDetails from '@mui/material/AccordionDetails/index.js'
 import Checkbox from '@mui/material/Checkbox/index.js'
 import FormControlLabel from '@mui/material/FormControlLabel/index.js'
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore.js'
-import { array } from 'prop-types'
 
 import FarmhandContext, { ContextData } from '../Farmhand/Farmhand.context.js'
 import Item from '../Item/index.js'
@@ -109,10 +108,9 @@ const Inventory = ({
     )
   }
 
-  const filteredCategories = (Array.from(itemCategories.entries()) as [
-    string,
-    farmhand.item[]
-  ][]).reduce(
+  const filteredCategories = (
+    Array.from(itemCategories.entries()) as [string, farmhand.item[]][]
+  ).reduce(
     (
       filtered: Map<string, farmhand.item[]>,
       [category, categoryItems]: [string, farmhand.item[]]
@@ -215,12 +213,6 @@ const Inventory = ({
   )
 }
 
-Inventory.propTypes = {
-  items: array.isRequired,
-  playerInventory: array,
-  shopInventory: array,
-}
-
 export default function Consumer(
   props: Partial<Parameters<typeof Inventory>[0]>
 ) {

package/src/components/Item/Item.tsx

@@ -9,7 +9,6 @@ import CardContent from '@mui/material/CardContent/index.js'
 import CardActions from '@mui/material/CardActions/index.js'
 import Tooltip from '@mui/material/Tooltip/index.js'
 import Typography from '@mui/material/Typography/index.js'
-import { array, bool, func, number, object } from 'prop-types'
 import classNames from 'classnames'
 
 import FarmhandContext, { ContextData } from '../Farmhand/Farmhand.context.js'
@@ -455,26 +454,6 @@ export const Item = ({
   )
 }
 
-Item.propTypes = {
-  adjustedValue: number,
-  completedAchievements: object.isRequired,
-  handleItemPurchaseClick: func,
-  handleItemSelectClick: func,
-  handleItemSellClick: func,
-  historicalValueAdjustments: array.isRequired,
-  inventory: array.isRequired,
-  inventoryLimit: number.isRequired,
-  isPurchaseView: bool,
-  isSelectView: bool,
-  isSelected: bool,
-  isSellView: bool,
-  item: object.isRequired,
-  money: number.isRequired,
-  playerInventoryQuantities: object.isRequired,
-  showQuantity: bool,
-  valueAdjustments: object.isRequired,
-}
-
 export default function Consumer(props: Partial<ItemProps>) {
   return (
     <FarmhandContext.Consumer>

package/src/components/ItemList/ItemList.tsx

@@ -2,7 +2,6 @@ import Button from '@mui/material/Button/index.js'
 import Tooltip from '@mui/material/Tooltip/index.js'
 import Typography from '@mui/material/Typography/index.js'
 import classNames from 'classnames'
-import { array, func, object, string } from 'prop-types'
 
 import { items as itemImages, pixel } from '../../img/index.js'
 import { spriteShadowSx, squareImgSx } from '../../styles/sx.js'
@@ -27,9 +26,10 @@ export const ItemList = ({
     sx={{
       display: 'flex',
       flexFlow: 'row',
-      [`@media (orientation: landscape) and (min-height: ${breakpoints.largePhone}px)`]: {
-        flexFlow: 'column',
-      },
+      [`@media (orientation: landscape) and (min-height: ${breakpoints.largePhone}px)`]:
+        {
+          flexFlow: 'column',
+        },
     }}
   >
     {sortItems(items).map((item: farmhand.item) => (
@@ -98,10 +98,3 @@ export const ItemList = ({
     ))}
   </Div>
 )
-
-ItemList.propTypes = {
-  handleItemSelectClick: func,
-  items: array.isRequired,
-  playerInventoryQuantities: object.isRequired,
-  selectedItemId: string.isRequired,
-}

package/src/components/KeybindingsView/KeybindingsView.tsx

@@ -63,6 +63,4 @@ const KeybindingsView = () => (
   </div>
 )
 
-KeybindingsView.propTypes = {}
-
 export default KeybindingsView

package/src/components/LogView/LogView.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import { array } from 'prop-types'
 import Alert from '@mui/material/Alert/index.js'
 import { AlertColor } from '@mui/material'
 import ReactMarkdown from 'react-markdown'
@@ -88,11 +87,6 @@ export const LogView = ({
   </Div>
 )
 
-LogView.propTypes = {
-  notificationLog: array.isRequired,
-  todaysNotifications: array.isRequired,
-}
-
 export default function Consumer(
   props: Partial<Parameters<typeof LogView>[0]>
 ) {

package/src/components/Navigation/DayAndProgressContainer.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import { number, object } from 'prop-types'
 
 import Box from '@mui/material/Box/index.js'
 import CircularProgress from '@mui/material/CircularProgress/index.js'
@@ -62,12 +61,6 @@ export function DayAndProgressContainer({
   )
 }
 
-DayAndProgressContainer.propTypes = {
-  dayCount: number.isRequired,
-  experience: number.isRequired,
-  itemsSold: object.isRequired,
-}
-
 export default function Consumer(
   props: Partial<Parameters<typeof DayAndProgressContainer>[0]>
 ) {

package/src/components/Navigation/Navigation.tsx

@@ -22,7 +22,6 @@ import Switch from '@mui/material/Switch/index.js'
 import TextField from '@mui/material/TextField/index.js'
 import Tooltip from '@mui/material/Tooltip/index.js'
 import Typography from '@mui/material/Typography/index.js'
-import { array, bool, func, number, string } from 'prop-types'
 
 import { MAX_ROOM_NAME_LENGTH } from '../../common/constants.js'
 import {
@@ -492,28 +491,6 @@ export const Navigation = ({
   )
 }
 
-Navigation.propTypes = {
-  activePlayers: number,
-  blockInput: bool.isRequired,
-  farmName: string.isRequired,
-  handleClickDialogViewButton: func.isRequired,
-  handleChatRoomOpenStateChange: func.isRequired,
-  handleActivePlayerButtonClick: func.isRequired,
-  handleCloseDialogView: func.isRequired,
-  handleDialogViewExited: func.isRequired,
-  handleFarmNameUpdate: func.isRequired,
-  handleOnlineToggleChange: func.isRequired,
-  handleRoomChange: func.isRequired,
-  handleViewChange: func.isRequired,
-  inventory: array.isRequired,
-  inventoryLimit: number.isRequired,
-  isChatAvailable: bool.isRequired,
-  isDialogViewOpen: bool.isRequired,
-  isOnline: bool.isRequired,
-  stageFocus: string.isRequired,
-  viewList: array.isRequired,
-}
-
 export default function Consumer(
   props: Partial<Parameters<typeof Navigation>[0]>
 ) {

package/src/components/NotificationSystem/NotificationSystem.test.tsx

@@ -2,11 +2,14 @@ import React from 'react'
 import { render } from '@testing-library/react'
 import { SnackbarProvider } from 'notistack'
 
+import { NOTIFICATION_DURATION_DEFAULT } from '../../constants.js'
+
 import { NotificationSystem, getNotificationKey } from './NotificationSystem.js'
 
 const defaultProps = {
   enqueueSnackbar: vitest.fn(),
   latestNotification: null,
+  notificationDuration: NOTIFICATION_DURATION_DEFAULT,
 }
 
 const renderWithSnackbar = (component: React.ReactElement) => {
@@ -44,7 +47,7 @@ test('calls enqueueSnackbar with a content-derived key when latestNotification i
 
   expect(enqueueSnackbar).toHaveBeenCalledWith(latestNotification, {
     key: 'info:Test notification',
-    autoHideDuration: 1, // NOTIFICATION_DURATION in test mode
+    autoHideDuration: 1,
     preventDuplicate: true,
   })
 })

package/src/components/NotificationSystem/NotificationSystem.tsx

@@ -1,10 +1,9 @@
 import React, { useEffect } from 'react'
-import { func, shape, string } from 'prop-types'
 import Alert from '@mui/material/Alert/index.js'
 import ReactMarkdown from 'react-markdown'
 import { withSnackbar } from 'notistack'
 
-import { NOTIFICATION_DURATION } from '../../constants.js'
+import { getNotificationDuration } from '../../constants.js'
 import FarmhandContext from '../Farmhand/Farmhand.context.js'
 
 export const getNotificationKey = ({
@@ -38,9 +37,11 @@ export const snackbarProviderContentCallback = (
 export const NotificationSystem = ({
   enqueueSnackbar,
   latestNotification,
+  notificationDuration,
 }: {
   enqueueSnackbar: (notification: farmhand.notification, options: any) => void
   latestNotification: farmhand.notification | null
+  notificationDuration: number
 }) => {
   useEffect(() => {
     if (!latestNotification) {
@@ -55,22 +56,14 @@ export const NotificationSystem = ({
     // once autoHideDuration and a key are set - no onClose needed here.
     enqueueSnackbar(latestNotification, {
       key: getNotificationKey(latestNotification),
-      autoHideDuration: NOTIFICATION_DURATION,
+      autoHideDuration: getNotificationDuration(notificationDuration),
       preventDuplicate: true,
     })
-  }, [enqueueSnackbar, latestNotification])
+  }, [enqueueSnackbar, latestNotification, notificationDuration])
 
   return null
 }
 
-NotificationSystem.propTypes = {
-  latestNotification: shape({
-    message: string.isRequired,
-    onClick: func,
-    severity: string.isRequired,
-  }),
-}
-
 export default withSnackbar(function Consumer(props: any) {
   return (
     <FarmhandContext.Consumer>

package/src/components/OnlinePeersView/OnlinePeer/OnlinePeer.test.tsx

@@ -71,7 +71,7 @@ test('does not render CowCard when no cow is offered for trade', () => {
 test('renders CowCard when cow is offered for trade', () => {
   const peerWithCow = {
     ...defaultPeer,
-    cowOfferedForTrade: ({
+    cowOfferedForTrade: {
       id: 'test-cow',
       name: 'Test Cow',
       color: 'BROWN',
@@ -82,7 +82,7 @@ test('renders CowCard when cow is offered for trade', () => {
       gender: 'FEMALE',
       colorsInBloodline: { BROWN: true },
       originalOwnerId: 'peer-123',
-    } as unknown) as farmhand.cow,
+    } as unknown as farmhand.cow,
   }
 
   render(<OnlinePeer peer={peerWithCow} />)

package/src/components/OnlinePeersView/OnlinePeer/OnlinePeer.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import { number, object, shape, string } from 'prop-types'
 import Card from '@mui/material/Card/index.js'
 import CardContent from '@mui/material/CardContent/index.js'
 import CardHeader from '@mui/material/CardHeader/index.js'
@@ -54,14 +53,4 @@ const OnlinePeer = ({
   )
 }
 
-OnlinePeer.propTypes = {
-  peer: shape({
-    cowOfferedForTrade: object,
-    dayCount: number.isRequired,
-    experience: number.isRequired,
-    playerId: string.isRequired,
-    money: number.isRequired,
-  }).isRequired,
-}
-
 export default OnlinePeer

package/src/components/OnlinePeersView/OnlinePeersView.tsx

@@ -5,7 +5,6 @@ import Divider from '@mui/material/Divider/index.js'
 import Card from '@mui/material/Card/index.js'
 import CardContent from '@mui/material/CardContent/index.js'
 import sortBy from 'lodash.sortby'
-import { array, number, object, string } from 'prop-types'
 
 import BailOutErrorBoundary from '../BailOutErrorBoundary/index.js'
 
@@ -117,15 +116,6 @@ const OnlinePeersView = ({
   )
 }
 
-OnlinePeersView.propTypes = {
-  activePlayers: number.isRequired,
-  cowIdOfferedForTrade: string.isRequired,
-  cowInventory: array.isRequired,
-  playerId: string.isRequired,
-  latestPeerMessages: array.isRequired,
-  peers: object.isRequired,
-}
-
 export { OnlinePeersView }
 
 export default function Consumer(

package/src/components/Plot/Plot.tsx

@@ -165,9 +165,9 @@ export const Plot = ({
 
   const showPlotImage = Boolean(
     image &&
-      (wasJustShoveled ||
-        plotContent?.itemId ||
-        (plotContent && getPlotContentType(plotContent) === itemType.CROP))
+    (wasJustShoveled ||
+      plotContent?.itemId ||
+      (plotContent && getPlotContentType(plotContent) === itemType.CROP))
   )
 
   let plotLabelText: string | null = null

package/src/components/PriceEventView/PriceEventView.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import { object } from 'prop-types'
 import Divider from '@mui/material/Divider/index.js'
 
 import { itemsMap } from '../../data/maps.js'
@@ -44,11 +43,6 @@ const PriceEventView = ({
   </div>
 )
 
-PriceEventView.propTypes = {
-  priceCrashes: object.isRequired,
-  priceSurges: object.isRequired,
-}
-
 export { PriceEventView }
 
 export default function Consumer(

package/src/components/ProgressBar/ProgressBar.tsx

@@ -1,5 +1,4 @@
 import React, { useState, useEffect, useRef } from 'react'
-import { number } from 'prop-types'
 import { interpolate, tween } from 'shifty'
 
 import { Div, P } from '../Elements/index.js'
@@ -116,8 +115,4 @@ const ProgressBar = ({ percent }: { percent: number }) => {
   )
 }
 
-ProgressBar.propTypes = {
-  percent: number.isRequired,
-}
-
 export default ProgressBar

package/src/components/QuantityInput/QuantityInput.tsx

@@ -1,5 +1,4 @@
 import React, { forwardRef } from 'react'
-import { func, number } from 'prop-types'
 import Fab from '@mui/material/Fab/index.js'
 import KeyboardArrowUp from '@mui/icons-material/KeyboardArrowUp.js'
 import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown.js'
@@ -187,14 +186,6 @@ const QuantityInput = ({
   )
 }
 
-QuantityInput.propTypes = {
-  handleSubmit: func.isRequired,
-  handleUpdateNumber: func.isRequired,
-  maxQuantity: number.isRequired,
-  setQuantity: func.isRequired,
-  value: number,
-}
-
 QuantityInput.defaultProps = {
   value: 1,
 }

package/src/components/QuickSelect/QuickSelect.tsx

@@ -2,7 +2,6 @@ import Divider from '@mui/material/Divider/index.js'
 import Grid from '@mui/material/Grid/index.js'
 import Paper from '@mui/material/Paper/index.js'
 import { Theme } from '@mui/material/styles/index.js'
-import { array, bool, func, object, string } from 'prop-types'
 
 import { quickSelectSx } from '../../styles/sx.js'
 import FarmhandContext from '../Farmhand/Farmhand.context.js'
@@ -61,15 +60,6 @@ const QuickSelect = ({
   </Paper>
 )
 
-QuickSelect.propTypes = {
-  fieldToolInventory: array.isRequired,
-  handleItemSelectClick: func,
-  isMenuOpen: bool,
-  plantableCropInventory: array.isRequired,
-  playerInventoryQuantities: object.isRequired,
-  selectedItemId: string.isRequired,
-}
-
 export default function Consumer(
   props: Partial<Parameters<typeof QuickSelect>[0]>
 ) {

package/src/components/Recipe/Recipe.tsx

@@ -6,7 +6,6 @@ import CardHeader from '@mui/material/CardHeader/index.js'
 import CardContent from '@mui/material/CardContent/index.js'
 import CardActions from '@mui/material/CardActions/index.js'
 import Typography from '@mui/material/Typography/index.js'
-import { array, func, number, object } from 'prop-types'
 
 import { totalIngredientsInRecipe } from '../../utils/totalIngredientsInRecipe.js'
 import { canMakeRecipe } from '../../utils/canMakeRecipe.js'
@@ -141,14 +140,6 @@ const Recipe = ({
   )
 }
 
-Recipe.propTypes = {
-  handleMakeRecipeClick: func.isRequired,
-  inventory: array.isRequired,
-  inventoryLimit: number.isRequired,
-  playerInventoryQuantities: object.isRequired,
-  recipe: object.isRequired,
-}
-
 export { Recipe }
 
 export default function Consumer(props: Partial<Parameters<typeof Recipe>[0]>) {

package/src/components/RecipeList/RecipeList.tsx

@@ -1,5 +1,4 @@
 import React, { useState } from 'react'
-import PropTypes from 'prop-types'
 
 import SearchBar from '../SearchBar/index.js'
 import Recipe from '../Recipe/index.js'
@@ -48,8 +47,3 @@ export function RecipeList({
     </>
   )
 }
-
-RecipeList.propTypes = {
-  allRecipes: PropTypes.object.isRequired,
-  learnedRecipes: PropTypes.array.isRequired,
-}

package/src/components/SearchBar/SearchBar.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import PropTypes from 'prop-types'
 import { useDebounceCallback } from 'usehooks-ts'
 import TextField from '@mui/material/TextField/index.js'
 
@@ -81,9 +80,4 @@ const SearchBar = ({
   )
 }
 
-SearchBar.propTypes = {
-  placeholder: PropTypes.string,
-  onSearch: PropTypes.func.isRequired,
-}
-
 export default SearchBar

package/src/components/SettingsView/RandomSeedInput.test.tsx

@@ -6,13 +6,11 @@ import FarmhandContext, {
   createContextData,
 } from '../Farmhand/Farmhand.context.js'
 
-import { RandomSeedInput } from './RandomSeedInput.js'
+import { RandomSeedInput, RandomSeedInputProps } from './RandomSeedInput.js'
 
 const mockHandleRNGSeedChange = vitest.fn()
 
-const MockRandomSeedInput = (
-  props: React.PropsWithChildren<Record<string, unknown>>
-) => {
+const MockRandomSeedInput = (props: RandomSeedInputProps) => {
   const contextValue = createContextData()
 
   contextValue.handlers.handleRNGSeedChange = mockHandleRNGSeedChange

package/src/components/SettingsView/RandomSeedInput.tsx

@@ -1,16 +1,17 @@
 import React, { useContext, useState } from 'react'
-import { string } from 'prop-types'
 import globalWindow from 'global/window.js'
 import TextField from '@mui/material/TextField/index.js'
 
 import FarmhandContext from '../Farmhand/Farmhand.context.js'
 import { Form } from '../Elements/index.js'
 
+export interface RandomSeedInputProps {
+  search?: string
+}
+
 export const RandomSeedInput = ({
   search = globalWindow.location.search,
-}: {
-  search?: string
-}) => {
+}: RandomSeedInputProps) => {
   const {
     handlers: { handleRNGSeedChange },
   } = useContext(FarmhandContext)
@@ -47,7 +48,3 @@ export const RandomSeedInput = ({
     </Form>
   )
 }
-
-RandomSeedInput.propTypes = {
-  search: string,
-}

package/src/components/SettingsView/SettingsView.test.tsx

@@ -17,10 +17,12 @@ const defaultProps = {
   handleExportDataClick: noop,
   handleImportDataClick: noop,
   handleSaveButtonClick: noop,
+  handleNotificationDurationChange: noop,
   handleShowNotificationsChange: noop,
   handleUseAlternateEndDayButtonPositionChange: noop,
   handleShowHomeScreenChange: noop,
   showNotifications: true,
+  notificationDuration: 6000,
   useAlternateEndDayButtonPosition: false,
   showHomeScreen: false,
 }
@@ -144,6 +146,25 @@ test('handles switch toggling', async () => {
   expect(handleAllowCustomPeerCowNamesChange).toHaveBeenCalledTimes(1)
 })
 
+test('handles notification duration changes', async () => {
+  const user = userEvent.setup()
+  const handleNotificationDurationChange = vitest.fn()
+
+  render(
+    <SettingsView
+      {...defaultProps}
+      handleNotificationDurationChange={handleNotificationDurationChange}
+    />
+  )
+
+  const slider = screen.getByRole('slider')
+
+  await user.click(slider)
+  await user.keyboard('{ArrowRight}')
+
+  expect(handleNotificationDurationChange).toHaveBeenCalled()
+})
+
 test('opens delete confirmation dialog when delete button is clicked', async () => {
   const user = userEvent.setup()