setup a vitetest code for this code:$//$ components$/$PuzzleBoard$.$tsx import React, $\{$ useState $\}$ from 'react'; import $\{$ Puzzle $\}$ from $\text{'}../$models$/$Puzzle$\text{'}$; const initialWords $=[["$in$",$ "vis", $"$i$",$ "ble"$],["$im$",$ "mac", $"$u$",$ "late"$],["$af$",$ "fil", $"$i$",$ "ate"$],["$un$",$ "der", $"$wa$",$ "ter"$]]$; const PuzzleBoard: React.FC $=()=>\{$ const $[$puzzle$,$ setPuzzle$]=$ useState$($new Puzzle$($initialWords$))$; const handleSwap $=($row$1$: number, col$1$: number, row$2$: number, col$2$: number$)=>\{$ puzzle.swap$($row$1,$ col$1,$ row$2,$ col$2)$; setPuzzle$(\{...$puzzle $\})$; $\}$; const handleReset $=()=>\{$ puzzle.reset$()$; setPuzzle$(\{...$puzzle $\})$; $\}$; const handleUndo $=()=>\{$ puzzle.undo$()$; setPuzzle$(\{...$puzzle $\})$; $\}$; return $($