chore(kitchen-sink): update dependencies and fix a key issue in the todo list

[theborowski]

changes

• bump react and react-dom from the RC version to the official 19.0.0 release
• remove unused babel-plugin-react-compiler dependency
• move vite related dependencies into devDependencies
• fix a tiny bug where adding two of the same text items in the list would result in a key error
• prevent adding an item to the list with the enter key if it's text is blank

visual diff

Screen.Recording.2024-12-17.at.8.09.28.PM.mov

[vercel]

@theborowski is attempting to deploy a commit to the Million Team on Vercel.

A member of the Team first needs to authorize it.

[lxsmnsyc]

honestly this is the same even if we remove the key prop. Needs an alternative "id generation"

[theborowski]

Do you think just using a timestamp here as an "id" is sufficient?

[lxsmnsyc]

we need something like

interface Task {
  id: string;
  text: string;
}

and then use id as the key.

[theborowski]

I refactored this to use an object as you suggested. This fixes the key problem as well as improves deletion with using the id of the task. I also moved the task creation in a function so that clicking and pressing enter have the same behavior. Added a little clip of the app working with these changes in the PR description.

[theborowski]

@lxsmnsyc are there any additional changes needed in order to get this merged in?

[lxsmnsyc]

Nothing specifically. LGTM

[pkg-pr-new]

Open in Stackblitz

npm i https://pkg.pr.new/aidenybai/react-scan@136

commit: 88c13db