要通过使用useServerInsertedHTML来覆盖自定义类的CSS，您可以按照以下步骤操作：

1. 首先，确保您已经安装了next.navigation和Antd库。您可以使用以下命令进行安装：

npm install next.navigation antd

2. 在你的代码中，导入必要的模块：

import { useEffect } from 'react';
import { useServerInsertedHTML } from 'next.navigation';
import 'antd/dist/antd.css';

3. 创建一个自定义的CSS样式表，并通过useServerInsertedHTML将其插入到页面中。例如：

const CustomStyles = () => {
  const serverInsertedHTML = `
    
  `;

  useServerInsertedHTML(serverInsertedHTML);

  return null;
};

4. 在您的组件中使用CustomStyles组件，并将需要覆盖样式的组件添加自定义类名。例如：

import { Button } from 'antd';

const MyComponent = () => {
  return (
    <>
      
      Custom Button
    
  );
};

这样，您的Button组件将应用自定义类名的样式，并覆盖Antd默认的样式。

请注意，useServerInsertedHTML只能在服务器端渲染期间使用。如果您在客户端渲染期间需要覆盖样式，您可以考虑使用其他解决方案，例如使用CSS模块或CSS-in-JS库。