How to use multiple UI libs at one next js project?

npm install @refinedev/chakra-ui @chakra-ui/react @refinedev/antd antd

import { ChakraProvider } from "@chakra-ui/react";
import { ConfigProvider } from "antd";

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <ChakraProvider>
      <ConfigProvider>
        {/* Your Refine setup here */}
      </ConfigProvider>
    </ChakraProvider>
  );
}

import { Button as ChakraButton } from "@chakra-ui/react";
import { Button as AntButton } from "antd";