p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add forwardRef in overrideComponents

Browse Source
This commit is contained in:
p-sw 2024-06-02 08:35:03 +09:00
parent 663f1b088e
commit af147ab0f3
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/react/src/App.tsx
View File

@ -27,20 +27,24 @@ import ComponentsCheckbox, {
import ComponentsDialog, {
tableOfContents as componentsDialogToc,
} from "./docs/components/Dialog.mdx";
import { forwardRef } from "react";
const overrideComponents = {
pre: (props: any) => <pre {...props} className={`${props.className} hljs`} />,
code: (props: any) => (
pre: forwardRef<HTMLPreElement, any>((props: any, ref) => (
<pre ref={ref} {...props} className={`${props.className} hljs`} />
)),
code: forwardRef<HTMLElement, any>((props: any, ref) => (
<code
ref={ref}
{...props}
className={`${props.className} rounded-md bg-neutral-800 text-orange-500 font-light p-1 before:content-none after:content-none`}
/>
),
table: (props: any) => (
)),
table: forwardRef<HTMLTableElement, any>((props: any, ref) => (
<div className="overflow-auto">
<table {...props} className={`${props.className}`} />
<table ref={ref} {...props} className={`${props.className}`} />
</div>
),
)),
};
const router = createBrowserRouter(