Update dependency react-dom to v19.0.0

Reviewed-on: #154

app/api/abstract-api.tsx

@@ -5,6 +5,7 @@ import { getCsrfToken, getSlug } from '@/app/lib/utils';
 
 export interface Api<T extends Entity> {
   getAll(serializable: Serializable<T> ,callback: (objets: T[]) => void): void;
+  get(serializable: Serializable<T>, id: string, callback: (object: T) => void): void;
   create(serializable: Serializable<T>, object: T, callback: () => void): void;
   update(serializable: Serializable<T>, object: T, callback: () => void): void;
   destroy(serializable: Serializable<T>, object: T, callback: () => void): void;
@@ -29,6 +30,16 @@ export class AbstractApi<T extends Entity> implements Api<T> {
       });
   }
 
+  get(serializable: Serializable<T>, id: string, callback: (object: T) => void): void {
+    fetch(`/api/${getSlug()}/${serializable.apiPath()}/${id}`)
+      .then((response) => response.json())
+      .then((data) => {
+        callback(serializable.fromJson(data));
+      }, (error) => {
+        return [];
+      });
+  }
+
   update(serializable: Serializable<T>, object: T, callback: () => void): void {
     fetch(`/api/${getSlug()}/${serializable.apiPath()}/${object.id}`, {
       method: 'PUT',

app/lib/definitions.ts

@@ -15,17 +15,6 @@ export type TableArrangement = {
   discomfort?: number
 }
 
-export type guestsTable = {
-  id: string;
-  customer_id: string;
-  name: string;
-  email: string;
-  image_url: string;
-  date: string;
-  amount: number;
-  status: 'pending' | 'paid';
-};
-
 export type User = {
   id: string;
   email: string;

app/lib/tableSimulation.tsx

@@ -0,0 +1,71 @@
+/* Copyright (C) 2024 Manuel Bustillo*/
+
+import { Serializable } from "../api/abstract-api";
+import { Entity } from "./definitions";
+import { Guest } from "./guest";
+
+export type Discomfort = {
+  discomfort: number;
+  breakdown: {
+    tableSizePenalty: number;
+    cohesionPenalty: number;
+  }
+}
+
+export type Table = {
+  number: number;
+  guests: Guest[];
+  discomfort: Discomfort;
+}
+
+export class TableSimulation implements Entity {
+  id: string;
+  tables: Table[];
+
+  constructor(id: string, tables: Table[]) {
+    this.id = id;
+    this.tables = tables;
+  }
+}
+
+export class TableSimulationSerializer implements Serializable<TableSimulation> {
+  fromJson(data: any): TableSimulation {
+    return new TableSimulation(data.id, data.tables.map((table: any) => {
+      return {
+        number: table.number,
+        guests: table.guests.map((guest: any) => new Guest(guest.id, guest.name, guest.group?.name, guest.group?.id, guest.color)),
+        discomfort: {
+          discomfort: table.discomfort.discomfort,
+          breakdown: {
+            tableSizePenalty: table.discomfort.breakdown.table_size_penalty,
+            cohesionPenalty: table.discomfort.breakdown.cohesion_penalty,
+          }
+        },
+      }
+    }));
+  }
+
+  toJson(simulation: TableSimulation): string {
+    return JSON.stringify({ simulation: { tables: simulation.tables.map((table) => {
+      return {
+        number: table.number,
+        guests: table.guests.map((guest) => {
+          return {
+            id: guest.id,
+            name: guest.name,
+            group_id: guest.groupId,
+            color: guest.color,
+            status: guest.status,
+            children: guest.children,
+          }
+        }),
+        discomfort: table.discomfort,
+      }
+    }) } });
+  }
+
+  apiPath(): string {
+    return 'tables_arrangements';
+  }
+}
+

app/ui/arrangements/arrangement.tsx

@@ -2,44 +2,37 @@
 
 'use client';
 
-import React, { useState } from 'react';
+import { AbstractApi } from '@/app/api/abstract-api';
 import { TableArrangement } from '@/app/lib/definitions';
-import { lusitana } from '@/app/ui/fonts';
-import { Table } from '@/app/ui/components/table';
+import { TableSimulation, TableSimulationSerializer } from '@/app/lib/tableSimulation';
 import { getSlug } from '@/app/lib/utils';
+import { Table } from '@/app/ui/components/table';
+import { lusitana } from '@/app/ui/fonts';
+import { useState, useEffect } from 'react';
 
 export default function Arrangement({ id }: { id: string }) {
 
-    const [tables, setTables] = useState<Array<TableArrangement>>([]);
+  const [simulation, setSimulation] = useState<TableSimulation | undefined>(undefined);
 
-    function loadTables() {
-        fetch(`/api/${getSlug()}/tables_arrangements/${id}`)
-            .then((response) => response.json())
-            .then((data) => {
-                setTables(data.map((record: any) => {
-                    return ({
-                        id: record.number,
-                        guests: record.guests
-                    });
-                }));
-            }, (error) => {
-                return [];
-            });
-    }
+  function loadSimulation() {
+    new AbstractApi<TableSimulation>().get(new TableSimulationSerializer(), id, (object: TableSimulation) => {
+      setSimulation(object);
+    });
+  }
 
-    tables.length === 0 && loadTables();
+  useEffect(loadSimulation, []);
 
-    return (
-        <div className="w-full">
-            <div className="w-full items-center justify-between">
-                <h1 className={`${lusitana.className} text-2xl my-5`}>Table distributions</h1>
-                <div className="flex flex-row flex-wrap justify-around">
-                    {tables.map((table) => (
-                        <Table key={table.number} guests={table.guests || []} style="rounded" />
-                    ))}
-                </div>
-            </div>
+  return (
+    <div className="w-full">
+      <div className="w-full items-center justify-between">
+        <h1 className={`${lusitana.className} text-2xl my-5`}>Table distributions</h1>
+        <div className="flex flex-row flex-wrap justify-around">
+          {simulation && simulation.tables.map((table) => (
+            <Table key={table.number} table={table} style="rounded" />
+          ))}
         </div>
-    )
+      </div>
+    </div>
+  )
 
 }

app/ui/components/table.tsx

@@ -1,69 +1,107 @@
 /* Copyright (C) 2024 Manuel Bustillo*/
 
 import { Guest } from "@/app/lib/guest";
+import { Table as TableType } from "@/app/lib/tableSimulation";
+import { RectangleGroupIcon, UserGroupIcon } from "@heroicons/react/24/outline";
+import { v4 as uuidv4 } from 'uuid';
+import { Tooltip } from "primereact/tooltip";
+import clsx from "clsx";
 
 
 function Dish({ guest, rotation }: { guest: Guest, rotation?: number }) {
-    rotation = rotation || 0
-    return (
-        <div className={`m-3 w-24 h-24 rounded-full content-center text-center cursor-default`} style={{
-            rotate: `${360 - rotation}deg`,
-            backgroundColor: guest.color,
-        }}>
-            {guest.name}
-        </div>
-    )
+  rotation = rotation || 0
+  return (
+    <div className={`m-3 w-24 h-24 rounded-full content-center text-center cursor-default`} style={{
+      rotate: `${360 - rotation}deg`,
+      backgroundColor: guest.color,
+    }}>
+      {guest.name}
+    </div>
+  )
 }
 
-
 function GuestRow({ guests }: { guests: Guest[] }) {
-    return (
-        <div className="justify-around flex flex-row">
-            {guests.map((guest) => <Dish key={guest.id} guest={guest} />)}
-        </div>
-    )
+  return (
+    <div className="justify-around flex flex-row">
+      {guests.map((guest) => <Dish key={guest.id} guest={guest} />)}
+    </div>
+  )
 }
 
-function RectangularTable({ guests }: { guests: Guest[] }) {
-    const halfwayThrough = Math.floor(guests.length / 2)
-    const arrayFirstHalf = guests.slice(0, halfwayThrough);
-    const arraySecondHalf = guests.slice(halfwayThrough, guests.length);
+function RectangularTable({ table }: { table: TableType }) {
+  const guests = table.guests;
+  const halfwayThrough = Math.floor(guests.length / 2)
+  const arrayFirstHalf = guests.slice(0, halfwayThrough);
+  const arraySecondHalf = guests.slice(halfwayThrough, guests.length);
 
-    return (
-        <div className="m-12 h-64 bg-cyan-800 flex flex-col justify-between">
-            <GuestRow guests={arrayFirstHalf} />
-            <GuestRow guests={arraySecondHalf} />
-        </div>
-    )
+  return (
+    <div className="m-12 h-64 bg-cyan-800 flex flex-col justify-between">
+      <GuestRow guests={arrayFirstHalf} />
+      <GuestRow guests={arraySecondHalf} />
+    </div>
+  )
 }
 
-function RoundedTable({ guests }: { guests: Guest[] }) {
-    const size = 500
-    const rotation = 360 / guests.length
-    return (
-        <div className={`m-12 rounded-full bg-cyan-800 relative z-0`} style={{ width: `${size}px`, height: `${size}px` }}>
-            {
-                guests.map((guest, index) => {
-                    return (
-                        <div key={guest.id} className={`border-dashed grid justify-items-center absolute inset-0`} style={{
-                            rotate: `${index * rotation}deg`,
-                            height: `${size}px`,
-                            width: `${size}px`,
-                        }}>
-                            <Dish guest={guest} rotation={index * rotation} />
-                        </div>
-                    )
-                })
-            }
-        </div>
-    )
+function RoundedTable({ table }: { table: TableType }) {
+  const guests = table.guests;
+  const size = 500
+  const rotation = 360 / guests.length
+
+  const className = (penalty: number) => {
+    return clsx("px-2 tooltip-cohesion", {
+      "hidden": penalty === 0,
+      "text-orange-300": penalty <= 5,
+      "text-orange-500": penalty > 5 && penalty <= 10,
+      "text-orange-700": penalty > 10,
+    })
+  }
+
+
+  return (
+    <div className={`m-12 rounded-full bg-cyan-800 relative z-0 grid flex items-center justify-items-center`} style={{ width: `${size}px`, height: `${size}px` }}>
+
+      {
+        guests.map((guest, index) => {
+          return (
+            <div key={guest.id} className={`border-dashed grid justify-items-center absolute inset-0`} style={{
+              rotate: `${index * rotation}deg`,
+              height: `${size}px`,
+              width: `${size}px`,
+            }}>
+              <Dish guest={guest} rotation={index * rotation} />
+            </div>
+          )
+        })
+      }
+
+      <div className="bg-zinc-200 w-48 h-12 p-3 flex flex-row rounded z-10">
+        <div className="px-2 text-slate-800">{`Table #${table.number}`}</div>
+
+
+        <Tooltip target=".tooltip-cohesion" />
+        <Tooltip target=".tooltip-size" />
+
+        <RectangleGroupIcon
+          className={className(table.discomfort.breakdown.cohesionPenalty)}
+          data-pr-tooltip={`Cohesion penalty: ${Math.round(table.discomfort.breakdown.cohesionPenalty)}`}
+          data-pr-position="top"
+        />
+
+        <UserGroupIcon
+          className={className(table.discomfort.breakdown.tableSizePenalty)}
+          data-pr-tooltip={`Table size penalty: ${Math.round(table.discomfort.breakdown.tableSizePenalty)}`}
+          data-pr-position="top"
+        />
+      </div>
+    </div>
+  )
 }
 
-export function Table({ guests, style }: { guests: Guest[], style: "rectangular" | "rounded" }) {
-    return (
-        <>
-            {style === "rectangular" && <RectangularTable guests={guests} />}
-            {style === "rounded" && <RoundedTable guests={guests} />}
-        </>
-    )
+export function Table({ table, style }: { table: TableType, style: "rectangular" | "rounded" }) {
+  return (
+    <>
+      {style === "rectangular" && <RectangularTable table={table} />}
+      {style === "rounded" && <RoundedTable table={table} />}
+    </>
+  )
 }

package.json

@@ -17,10 +17,11 @@
     "primeicons": "^7.0.0",
     "primereact": "^10.8.2",
     "react": "19.0.0-rc-f38c22b244-20240704",
-    "react-dom": "19.0.0-rc-f38c22b244-20240704",
+    "react-dom": "19.0.0",
     "tailwindcss": "3.4.16",
     "typescript": "5.7.2",
     "use-debounce": "^10.0.1",
+    "uuid": "11.0.3",
     "zod": "^3.23.8"
   },
   "devDependencies": {
@@ -28,7 +29,7 @@
     "@types/bcrypt": "^5.0.2",
     "@types/node": "22.10.2",
     "@types/react": "18.3.12",
-    "@types/react-dom": "18.3.5"
+    "@types/react-dom": "19.0.2"
   },
   "engines": {
     "node": ">=23.0.0"

pnpm-lock.yaml

@@ -25,10 +25,10 @@ importers:
         version: 2.1.1
       next:
         specifier: 15.0.3
-        version: 15.0.3(@playwright/test@1.49.1)(react-dom@19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704)
+        version: 15.0.3(@playwright/test@1.49.1)(react-dom@19.0.0(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704)
       next-auth:
         specifier: 5.0.0-beta.25
-        version: 5.0.0-beta.25(next@15.0.3(@playwright/test@1.49.1)(react-dom@19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704)
+        version: 5.0.0-beta.25(next@15.0.3(@playwright/test@1.49.1)(react-dom@19.0.0(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704)
       postcss:
         specifier: 8.4.49
         version: 8.4.49
@@ -37,13 +37,13 @@ importers:
         version: 7.0.0
       primereact:
         specifier: ^10.8.2
-        version: 10.8.5(@types/react@18.3.12)(react-dom@19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704)
+        version: 10.8.5(@types/react@18.3.12)(react-dom@19.0.0(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704)
       react:
         specifier: 19.0.0-rc-f38c22b244-20240704
         version: 19.0.0-rc-f38c22b244-20240704
       react-dom:
-        specifier: 19.0.0-rc-f38c22b244-20240704
-        version: 19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704)
+        specifier: 19.0.0
+        version: 19.0.0(react@19.0.0-rc-f38c22b244-20240704)
       tailwindcss:
         specifier: 3.4.16
         version: 3.4.16
@@ -53,6 +53,9 @@ importers:
       use-debounce:
         specifier: ^10.0.1
         version: 10.0.4(react@19.0.0-rc-f38c22b244-20240704)
+      uuid:
+        specifier: 11.0.3
+        version: 11.0.3
       zod:
         specifier: ^3.23.8
         version: 3.24.1
@@ -70,8 +73,8 @@ importers:
         specifier: 18.3.12
         version: 18.3.12
       '@types/react-dom':
-        specifier: 18.3.5
-        version: 18.3.5(@types/react@18.3.12)
+        specifier: 19.0.2
+        version: 19.0.2(@types/react@18.3.12)
 
 packages:
 
@@ -334,10 +337,10 @@ packages:
   '@types/prop-types@15.7.12':
     resolution: {integrity: sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==}
 
-  '@types/react-dom@18.3.5':
-    resolution: {integrity: sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q==}
+  '@types/react-dom@19.0.2':
+    resolution: {integrity: sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==}
     peerDependencies:
-      '@types/react': ^18.0.0
+      '@types/react': ^19.0.0
 
   '@types/react-transition-group@4.4.11':
     resolution: {integrity: sha512-RM05tAniPZ5DZPzzNFP+DmrcOdD0efDUxMy3145oljWSl3x9ZV5vhme98gTxFrj2lhXvmGNnUiuDyJgY9IKkNA==}
@@ -923,10 +926,10 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  react-dom@19.0.0-rc-f38c22b244-20240704:
-    resolution: {integrity: sha512-g89q2pf3irdpKFUMgCQgtxgqo3TSV1k1J6Sc8God4FwfxuNmAOOthkijENe5XZe6VeV1tor9DPzpjdTD9EyvNw==}
+  react-dom@19.0.0:
+    resolution: {integrity: sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==}
     peerDependencies:
-      react: 19.0.0-rc-f38c22b244-20240704
+      react: ^19.0.0
 
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
@@ -974,8 +977,8 @@ packages:
   safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
-  scheduler@0.25.0-rc-f38c22b244-20240704:
-    resolution: {integrity: sha512-uAELK9fHhvg7kDQhk29+uO8FUMWUpkg9WpzkNXFP+BJy5HEtqnajde3CxuSgh202WH9TqoaiWT1mdA3DvUu6cQ==}
+  scheduler@0.25.0:
+    resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==}
 
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
@@ -1117,6 +1120,10 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  uuid@11.0.3:
+    resolution: {integrity: sha512-d0z310fCWv5dJwnX1Y/MncBAqGMKEzlBb1AOf7z9K8ALnd0utBX/msg/fA0+sbyN1ihbMsLhrBlnl1ak7Wa0rg==}
+    hasBin: true
+
   webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
 
@@ -1366,7 +1373,7 @@ snapshots:
 
   '@types/prop-types@15.7.12': {}
 
-  '@types/react-dom@18.3.5(@types/react@18.3.12)':
+  '@types/react-dom@19.0.2(@types/react@18.3.12)':
     dependencies:
       '@types/react': 18.3.12
 
@@ -1731,13 +1738,13 @@ snapshots:
 
   nanoid@3.3.7: {}
 
-  next-auth@5.0.0-beta.25(next@15.0.3(@playwright/test@1.49.1)(react-dom@19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704):
+  next-auth@5.0.0-beta.25(next@15.0.3(@playwright/test@1.49.1)(react-dom@19.0.0(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704):
     dependencies:
       '@auth/core': 0.37.2
-      next: 15.0.3(@playwright/test@1.49.1)(react-dom@19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704)
+      next: 15.0.3(@playwright/test@1.49.1)(react-dom@19.0.0(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704)
       react: 19.0.0-rc-f38c22b244-20240704
 
-  next@15.0.3(@playwright/test@1.49.1)(react-dom@19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704):
+  next@15.0.3(@playwright/test@1.49.1)(react-dom@19.0.0(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704):
     dependencies:
       '@next/env': 15.0.3
       '@swc/counter': 0.1.3
@@ -1746,7 +1753,7 @@ snapshots:
       caniuse-lite: 1.0.30001651
       postcss: 8.4.31
       react: 19.0.0-rc-f38c22b244-20240704
-      react-dom: 19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704)
+      react-dom: 19.0.0(react@19.0.0-rc-f38c22b244-20240704)
       styled-jsx: 5.1.6(react@19.0.0-rc-f38c22b244-20240704)
     optionalDependencies:
       '@next/swc-darwin-arm64': 15.0.3
@@ -1879,12 +1886,12 @@ snapshots:
 
   primeicons@7.0.0: {}
 
-  primereact@10.8.5(@types/react@18.3.12)(react-dom@19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704):
+  primereact@10.8.5(@types/react@18.3.12)(react-dom@19.0.0(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704):
     dependencies:
       '@types/react-transition-group': 4.4.11
       react: 19.0.0-rc-f38c22b244-20240704
-      react-dom: 19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704)
-      react-transition-group: 4.4.5(react-dom@19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704)
+      react-dom: 19.0.0(react@19.0.0-rc-f38c22b244-20240704)
+      react-transition-group: 4.4.5(react-dom@19.0.0(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704)
     optionalDependencies:
       '@types/react': 18.3.12
 
@@ -1896,21 +1903,21 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  react-dom@19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704):
+  react-dom@19.0.0(react@19.0.0-rc-f38c22b244-20240704):
     dependencies:
       react: 19.0.0-rc-f38c22b244-20240704
-      scheduler: 0.25.0-rc-f38c22b244-20240704
+      scheduler: 0.25.0
 
   react-is@16.13.1: {}
 
-  react-transition-group@4.4.5(react-dom@19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704):
+  react-transition-group@4.4.5(react-dom@19.0.0(react@19.0.0-rc-f38c22b244-20240704))(react@19.0.0-rc-f38c22b244-20240704):
     dependencies:
       '@babel/runtime': 7.26.0
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
       react: 19.0.0-rc-f38c22b244-20240704
-      react-dom: 19.0.0-rc-f38c22b244-20240704(react@19.0.0-rc-f38c22b244-20240704)
+      react-dom: 19.0.0(react@19.0.0-rc-f38c22b244-20240704)
 
   react@19.0.0-rc-f38c22b244-20240704: {}
 
@@ -1948,7 +1955,7 @@ snapshots:
 
   safe-buffer@5.2.1: {}
 
-  scheduler@0.25.0-rc-f38c22b244-20240704: {}
+  scheduler@0.25.0: {}
 
   semver@6.3.1: {}
 
@@ -2116,6 +2123,8 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
+  uuid@11.0.3: {}
+
   webidl-conversions@3.0.1: {}
 
   whatwg-url@5.0.0: