chore(docs): use latest refine package versions in documentation (#7102)

Author: BatuhanW

documentation/docs/data/hooks/use-infinite-list/_basic-usage-live-preview.md

@@ -9,12 +9,8 @@ import { useInfiniteList } from "@refinedev/core";
 
 const PostList = () => {
   const {
-    data,
-    isError,
-    isLoading,
-    hasNextPage,
-    fetchNextPage,
-    isFetchingNextPage,
+    result: { data, hasNextPage, hasPreviousPage },
+    query: { isError, isLoading, fetchNextPage, isFetchingNextPage },
   } = useInfiniteList({
     resource: "categories",
     pagination: {

documentation/docs/data/hooks/use-infinite-list/_filtering-live-preview.md

@@ -20,15 +20,11 @@ interface IProduct {
 
 const ProductList: React.FC = () => {
   //highlight-next-line
-  const [value, setValue] = useState("Cotton");
+  const [value, setValue] = useState("Plastic");
 
   const {
-    data,
-    isLoading,
-    isError,
-    hasNextPage,
-    fetchNextPage,
-    isFetchingNextPage,
+    result: { data, hasNextPage, hasPreviousPage },
+    query: { isError, isLoading, fetchNextPage, isFetchingNextPage },
   } = useInfiniteList<IProduct, HttpError>({
     resource: "products",
     //highlight-start
@@ -57,7 +53,7 @@ const ProductList: React.FC = () => {
       {/* highlight-start */}
       <span> material: </span>
       <select value={value} onChange={(e) => setValue(e.target.value)}>
-        {["Cotton", "Bronze", "Plastic"].map((material) => (
+        {["Plastic", "Cotton", "Bronze"].map((material) => (
           <option key={material} value={material}>
             {material}
           </option>

documentation/docs/data/hooks/use-infinite-list/_sorting-live-preview.md

@@ -23,12 +23,8 @@ const ProductList: React.FC = () => {
   const [order, setOrder] = useState<"asc" | "desc">("asc");
 
   const {
-    data,
-    isLoading,
-    isError,
-    hasNextPage,
-    fetchNextPage,
-    isFetchingNextPage,
+    result: { data, hasNextPage, hasPreviousPage },
+    query: { isError, isLoading, fetchNextPage, isFetchingNextPage },
   } = useInfiniteList<IProduct, HttpError>({
     resource: "products",
     //highlight-start

documentation/docs/data/hooks/use-infinite-list/index.md

@@ -137,14 +137,14 @@ useInfiniteList({
 
 `pagination` will be passed to the `getList` method from the `dataProvider` as a parameter. It is used to send pagination query parameters to the API.
 
-#### current
+#### currentPage
 
-You can pass the `current` page number to the `pagination` property.
+You can pass the `currentPage` page number to the `pagination` property.
 
 ```tsx
 useInfiniteList({
   pagination: {
-    current: 2,
+    currentPage: 2,
   },
 });
 ```

documentation/docs/data/hooks/use-list/_pagination-live-preview.md

@@ -48,7 +48,7 @@ const ProductList: React.FC = () => {
     <div>
       {/* highlight-start */}
       <button onClick={() => setCurrentPage((prev) => prev - 1)}>{"<"}</button>
-      <span> page: {current} </span>
+      <span> page: {currentPage} </span>
       <button onClick={() => setCurrentPage((prev) => prev + 1)}>{">"}</button>
       <span> per page: </span>
       <select

documentation/docs/data/hooks/use-table/_partial-relational-data-live-preview.md

@@ -105,7 +105,7 @@ setRefineProps({
   resources: [
     {
       name: "posts",
-      list: PostList,
+      list: "/posts",
     },
   ],
 });

documentation/docs/data/hooks/use-table/_partial-sorting-live-preview.md

@@ -21,7 +21,10 @@ interface IPost {
 }
 
 const PostList: React.FC = () => {
-  const { result, tableQuery, sorter, setSorter } = useTable<IPost, HttpError>({
+  const { result, tableQuery, sorters, setSorters } = useTable<
+    IPost,
+    HttpError
+  >({
     // highlight-start
     sorters: {
       initial: [
@@ -42,9 +45,9 @@ const PostList: React.FC = () => {
   const currentSorterOrders = useMemo(() => {
     return {
       createdAt:
-        sorter.find((item) => item.field === "createdAt")?.order || "desc",
-      id: sorter.find((item) => item.field === "id")?.order || "desc",
-      title: sorter.find((item) => item.field === "title")?.order || "asc",
+        sorters.find((item) => item.field === "createdAt")?.order || "desc",
+      id: sorters.find((item) => item.field === "id")?.order || "desc",
+      title: sorters.find((item) => item.field === "title")?.order || "asc",
     };
   }, [sorter]);
   // highlight-end

documentation/docs/data/packages/appwrite/index.md

@@ -97,7 +97,7 @@ const PostList: React.FC = () => {
 
   const categoryIds = result?.data?.map((item) => item.categoryId) ?? [];
   const {
-    result,
+    result: categoriesData,
     query: { isLoading },
   } = CoreUseMany<ICategory>({
     resource: "61c43adc284ac",
@@ -127,7 +127,9 @@ const PostList: React.FC = () => {
 
             return (
               <RefineAntdTextField
-                value={result?.data.find((item) => item.id === value)?.title}
+                value={
+                  categoriesData?.data.find((item) => item.id === value)?.title
+                }
               />
             );
           }}
@@ -557,7 +559,7 @@ import { Table, Space } from "antd";
 import { IPost, ICategory } from "interfaces";
 
 export const PostsList: React.FC = () => {
-  const { result, sorter } = useTable<IPost>({
+  const { result, sorters, tableProps } = useTable<IPost>({
     sorters: {
       initial: [
         {

documentation/docs/getting-started/overview.md

@@ -40,9 +40,9 @@ Offering the best from both worlds, Refine mitigates all risks of “from scratc
 
 ## Overview of the Refine structure
 
-import { MUIExample } from './example/mui';
+<!-- import { MUIExample } from './example/mui'; -->
 
-<MUIExample />
+<!-- <MUIExample /> -->
 
 <br/>
 

documentation/docs/guides-concepts/forms/server-side-validation-chakra-ui.tsx

@@ -7,14 +7,14 @@ export default function ServerSideValidationChakraUi() {
       height={460}
       showOpenInCodeSandbox={false}
       dependencies={{
-        "@refinedev/chakra-ui": "^2.26.17",
+        "@refinedev/chakra-ui": "latest",
         "@tabler/icons-react": "^3.1.0",
-        "@refinedev/core": "^4.45.1",
+        "@refinedev/core": "latest",
         "@refinedev/react-router": "latest",
-        "@refinedev/simple-rest": "^4.5.4",
-        "@refinedev/react-table": "^5.6.4",
+        "@refinedev/simple-rest": "latest",
+        "@refinedev/react-table": "latest",
         "@tanstack/react-table": "^8.2.6",
-        "@refinedev/react-hook-form": "^4.8.12",
+        "@refinedev/react-hook-form": "latest",
         "@chakra-ui/react": "^2.5.1",
         "react-dom": "^18.0.0",
         "react-router": "^7.0.2",