@refinedev/antd 5.37.1 → 5.37.3-alpha.0

package/src/components/themedLayoutV2/header/index.tsx

@@ -7,14 +7,11 @@ import {
 } from "@refinedev/core";
 import { RefineThemedLayoutV2HeaderProps } from "../types";
 
-const { Text } = Typography;
-const { useToken } = theme;
-
 export const ThemedHeaderV2: React.FC<RefineThemedLayoutV2HeaderProps> = ({
     isSticky,
     sticky,
 }) => {
-    const { token } = useToken();
+    const { token } = theme.useToken();
 
     const authProvider = useActiveAuthProvider();
     const { data: user } = useGetIdentity({
@@ -46,7 +43,9 @@ export const ThemedHeaderV2: React.FC<RefineThemedLayoutV2HeaderProps> = ({
         <AntdLayout.Header style={headerStyles}>
             <Space>
                 <Space size="middle">
-                    {user?.name && <Text strong>{user.name}</Text>}
+                    {user?.name && (
+                        <Typography.Text strong>{user.name}</Typography.Text>
+                    )}
                     {user?.avatar && (
                         <Avatar src={user?.avatar} alt={user?.name} />
                     )}

package/src/components/themedLayoutV2/sider/index.tsx

@@ -30,9 +30,6 @@ import { RefineThemedLayoutV2SiderProps } from "../types";
 import { ThemedTitleV2 } from "@components";
 import { useThemedLayoutContext } from "@hooks";
 
-const { SubMenu } = Menu;
-const { useToken } = theme;
-
 export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
     Title: TitleFromProps,
     render,
@@ -40,7 +37,7 @@ export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
     fixed,
     activeItemDisabled = false,
 }) => {
-    const { token } = useToken();
+    const { token } = theme.useToken();
     const {
         siderCollapsed,
         setSiderCollapsed,
@@ -93,13 +90,13 @@ export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
                             resource: item,
                         }}
                     >
-                        <SubMenu
+                        <Menu.SubMenu
                             key={item.key}
                             icon={icon ?? <UnorderedListOutlined />}
                             title={label}
                         >
                             {renderTreeView(children, selectedKey)}
-                        </SubMenu>
+                        </Menu.SubMenu>
                     </CanAccess>
                 );
             }

package/src/components/themedLayoutV2/title/index.tsx

@@ -3,8 +3,6 @@ import { useRouterContext, useRouterType, useLink } from "@refinedev/core";
 import { Typography, theme, Space } from "antd";
 import { RefineLayoutThemedTitleProps } from "../types";
 
-const { useToken } = theme;
-
 const defaultText = "refine Project";
 
 const defaultIcon = (
@@ -35,7 +33,7 @@ export const ThemedTitleV2: React.FC<RefineLayoutThemedTitleProps> = ({
     text = defaultText,
     wrapperStyles,
 }) => {
-    const { token } = useToken();
+    const { token } = theme.useToken();
     const routerType = useRouterType();
     const Link = useLink();
     const { Link: LegacyLink } = useRouterContext();

package/src/hooks/table/useTable/useTable.ts

@@ -248,6 +248,8 @@ export const useTable = <
         tableProps: {
             dataSource: data?.data,
             loading: liveMode === "auto" ? isLoading : !isFetched,
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
             onChange,
             pagination: antdPagination(),
             scroll: { x: true },