Deduplicate useTree (#25878)

## Description

Deduplicate useTree

Author: CraigMacomber

examples/data-objects/table-tree/package.json

@@ -45,6 +45,7 @@
 		"@fluidframework/aqueduct": "workspace:~",
 		"@fluidframework/container-runtime-definitions": "workspace:~",
 		"@fluidframework/core-interfaces": "workspace:~",
+		"@fluidframework/react": "workspace:~",
 		"@fluidframework/runtime-utils": "workspace:~",
 		"@fluidframework/sequence": "workspace:~",
 		"@fluidframework/tree": "workspace:~",

examples/data-objects/table-tree/src/react/tableView.tsx

@@ -6,13 +6,13 @@
 import { Table, TableBody, Button } from "@fluentui/react-components";
 import { Add24Regular } from "@fluentui/react-icons";
 import React, { useState, type DragEvent } from "react";
+import { useTree } from "@fluidframework/react/alpha";
 
 import type { TableDataObject } from "../dataObject.js";
 import { Row } from "../schema.js";
 
 import { TableHeaderView } from "./tableHeaderView.js";
 import { TableRowView } from "./tableRowView.js";
-import { useTree } from "./utilities.js";
 
 // eslint-disable-next-line import-x/no-unassigned-import
 import "./tableView.css";

examples/data-objects/table-tree/src/react/utilities.ts

@@ -44,6 +44,7 @@
 		"@fluidframework/container-runtime-definitions": "workspace:~",
 		"@fluidframework/core-interfaces": "workspace:~",
 		"@fluidframework/map": "workspace:~",
+		"@fluidframework/react": "workspace:~",
 		"@fluidframework/runtime-utils": "workspace:~",
 		"@fluidframework/sequence": "workspace:~",
 		"@fluidframework/tree": "workspace:~",

examples/data-objects/todo/package.json

@@ -4,14 +4,14 @@
  */
 
 import { CollaborativeInput } from "@fluid-example/example-utils";
+import { useTree } from "@fluidframework/react/alpha";
 import { SharedString, type ISharedString } from "@fluidframework/sequence/legacy";
 import React, { useEffect, useRef, useState } from "react";
 
 // eslint-disable-next-line import-x/no-unassigned-import
 import "./style.css";
 
 import { TodoItemView } from "../TodoItem/index.js";
-import { useTree } from "../Utils/index.js";
 
 import type { TodoListDataObject } from "./DataObject.js";
 

examples/data-objects/todo/src/Todo/TodoListView.tsx

@@ -10,11 +10,11 @@ import {
 } from "@fluid-example/example-utils";
 import type { SharedString } from "@fluidframework/sequence/legacy";
 import React, { useEffect, useState } from "react";
+import { useTree } from "@fluidframework/react/alpha";
 
 // eslint-disable-next-line import-x/no-unassigned-import
 import "./style.css";
 import { type TodoItem } from "../Todo/index.js";
-import { useTree } from "../Utils/index.js";
 
 interface TodoItemViewProps {
 	readonly todoItemModel: TodoItem;