New Codeblock styles are not visible

[shivaydv]

Styles with copy button and double outline with curve near copy button in official documentation .

but not working in my website .

i have also updated the packages but still no effect and unable to find any way to change the styles .

[shivaydv]

Mdx Component.tsx file ---

import type { MDXComponents } from 'mdx/types';
import defaultMdxComponents from 'fumadocs-ui/mdx';
import * as FilesComponents from 'fumadocs-ui/components/files';
import * as TabsComponents from 'fumadocs-ui/components/tabs';
import * as icons from 'lucide-react';
import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
import { ComponentPreview } from './components/component-preview';
import { CodeBlock, Pre } from 'fumadocs-ui/components/codeblock';


// use this function to get MDX components, you will need it for rendering MDX
export function getMDXComponents(components?: MDXComponents): MDXComponents {
  return {
    ...defaultMdxComponents,
    ...components,
    ...(icons as unknown as MDXComponents),
    ...FilesComponents,
    ...TabsComponents,
    Accordions,
    Accordion,
    // HTML `ref` attribute conflicts with `forwardRef`
    pre: ({ ref: _ref, ...props }) => (
      <CodeBlock {...props}>
        <Pre>{props.children}</Pre>
      </CodeBlock>
    ),
    // Add any additional components or overrides here
    ComponentPreview
  };
}

Fumadocs packages version -

 "fumadocs-core": "15.5.1",
    "fumadocs-docgen": "^2.1.0",
    "fumadocs-mdx": "11.6.7",
    "fumadocs-ui": "15.5.1",

[fuma-nama]

Cannot reproduce, could you provide a reproduction

[shivaydv]

no, actually i installed fumadocs few months ago and at that time styles were same but after multiple updates and release u changed the styles of that codeblock . so i have updated the packages for latest version using pnpm but still there is no change in the styles of the codeblock.

as of reproduction - i think if you use repo with older version and then update. it might reproduce this bcoz its the same thing i did .