need testing code with vitest for this : import React, $\{$ useState $\}$ from 'react';

import $\{$Controller$\}$ from $\text{'}./$controller$\text{'}$;

import $\{$ Model $\}$ from $\text{'}./$model$\text{'}$;

interface PuzzleBoardProps $\{$

initialConfig: string$[][]$;

$\}$

const PuzzleBoard: React.FC $=(\{$ initialConfig $\})=>\{$

const $[$controller$]=$ useState$($new Controller$($new Model$($initialConfig$)))$;

const $[$board$,$ setBoard$]=$ useState$($controller$.$getBoard$())$;

const $[$swaps$,$ setSwaps$]=$ useState$(0)$;

const $[$score$,$ setScore$]=$ useState$(0)$;

const handleSwap $=($row$1$: number, col$1$: number,row$2$:number,col$2$:number$)=>\{$

controller.swapSyllables$($row$1,$col$1,$row$2,$col$2)$;

setBoard$([...$controller.getBoard$()])$;

setSwaps$($controller$.$getSwaps$())$;

setScore$($controller$.$getScore$())$;

$\}$;

const handleReset $=()=>\{$

controller.reset$()$;

setBoard$([...$controller.getBoard$()])$;

setSwaps$(0)$;

setScore$(0)$;

$\}$;

const handleUndo $=()=>\{$

controller.undo$()$;

setBoard$([...$controller.getBoard$()])$;

setSwaps$($controller$.$getSwaps$())$;

setScore$($controller$.$getScore$())$;

$\}$;

function handleClick$($p$0$: number, p$1$: number$)$: void $\{$

throw new Error$(\text{'}$Function not implemented.$\text{'})$;

$\}$

return $($