mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-06-07 17:43:49 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix: Improve ReactRenderer types (#2011)

Browse Source
This commit is contained in:
Ricardo Amaral 2021-10-11 19:37:35 +01:00 committed by GitHub
parent 503a3f2cf5
commit 31d8ab3593
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/react/src/ReactRenderer.tsx
View File

@ -23,12 +23,12 @@ export interface ReactRendererOptions {
as?: string, as?: string,
} }
type ComponentType = type ComponentType<R> =
| React.ComponentClass | React.ComponentClass
| React.FunctionComponent | React.FunctionComponent
| React.ForwardRefExoticComponent<{ items: any[], command: any } & React.RefAttributes<unknown>> | React.ForwardRefExoticComponent<{ items: any[], command: any } & React.RefAttributes<R>>
export class ReactRenderer { export class ReactRenderer<R = unknown> {
id: string id: string
editor: ExtendedEditor editor: ExtendedEditor
@ -41,9 +41,9 @@ export class ReactRenderer {
reactElement: React.ReactNode reactElement: React.ReactNode
ref: React.Component | null = null ref: R | null = null
constructor(component: ComponentType, { editor, props = {}, as = 'div' }: ReactRendererOptions) { constructor(component: ComponentType<R>, { editor, props = {}, as = 'div' }: ReactRendererOptions) {
this.id = Math.floor(Math.random() * 0xFFFFFFFF).toString() this.id = Math.floor(Math.random() * 0xFFFFFFFF).toString()
this.component = component this.component = component
this.editor = editor as ExtendedEditor this.editor = editor as ExtendedEditor
@ -58,7 +58,7 @@ export class ReactRenderer {
const props = this.props const props = this.props
if (isClassComponent(Component) || isForwardRefComponent(Component)) { if (isClassComponent(Component) || isForwardRefComponent(Component)) {
props.ref = (ref: React.Component) => { props.ref = (ref: R) => {
this.ref = ref this.ref = ref
} }
} }