Question Regarding the Use of Plate v29 - Inquiry About the @udecode/cn Package

[SID9-HoneyBee]

I created a project using the latest release. When applying the newly added @udecode/cn package, an issue arises in the existing plugins code. [MARK_BOLD]: withProps(PlateLeaf, { as: 'strong' }), there is an error when trying to pass PlateLeaf to withProps. How should I modify this?

[zbeyens]

Workaround: use strict: false in tsconfig

[SID9-HoneyBee]

@zbeyens

Thank you.
However, the issue still persists in VSCode, where it continues to mark the relevant part as an error.

Exceptions are also occurring in the plate-ui items created through the command:

npx @udecode/plate-ui@latest add

---

export const BlockquoteElement = withRef(...........

" Type error: 'PlateElement' refers to a value, but is being used as a type here. Did you mean 'typeof PlateElement'?"

[zbeyens]

Fixed in 29.0.1. Adding blockquote-element should not throw any error:

'use client';

import React from 'react';
import { cn, withRef } from '@udecode/cn';
import { PlateElement } from '@udecode/plate-common';

export const BlockquoteElement = withRef<typeof PlateElement>(
  ({ className, children, ...props }, ref) => {
    return (
      <PlateElement
        ref={ref}
        asChild
        className={cn('my-1 border-l-2 pl-6 italic', className)}
        {...props}
      >
        <blockquote>{children}</blockquote>
      </PlateElement>
    );
  }
);