Skip to content

upgrade to react 19 and tiptap editor#140

Open
bertyhell wants to merge 19 commits into
masterfrom
feature/upgrade-react
Open

upgrade to react 19 and tiptap editor#140
bertyhell wants to merge 19 commits into
masterfrom
feature/upgrade-react

Conversation

@bertyhell

Copy link
Copy Markdown
Contributor

https://meemoo.atlassian.net/browse/ARC-3762

we'll keep branch main-with-braft-editor as the old branch
and main-with-tiptap for the new one

then we can force switch main between these 2 to make new releases
i also propose to use a new major version of the libraries to signify the switch of the RTE

@bertyhell bertyhell requested a review from reunefe June 29, 2026 07:26

@reunefe reunefe left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Op zich zie ik hier niet gigantisch veel problemen in. Wel veel any en niet vertaalbare labels 🙈

};

return cloneElement(children as ReactElement, {
return cloneElement(children as ReactElement<any>, {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Waarom any ipv de juiste props interface?


const isSingleElement = (node: ReactNode) => {
const el = node as JSX.Element;
const el = node as ReactElement<any>;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Waarom any ipv de juiste props interface?

import { DropdownButton, DropdownContent } from './Dropdown.slots';

const DropdownStoryComponent = ({ children }: { children: ReactElement }) => {
const DropdownStoryComponent = ({ children }: { children: ReactElement<any> }) => {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Waarom any ipv de juiste props interface?

}

const renderSortingIndicator = (header: Header<RowDataType, unknown>) => {
if (!header.column.getCanSort()) return null;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ik vind dit heel moeilijk leesbaar met de oneliners

aria-hidden={true}
className={clsx(thClass(false), focusedTdClass(false))}
>
<td role="presentation" className={clsx(thClass(false), focusedTdClass(false))}>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Waarom heb je de aria-hidden eraf gehaald? Deze cel mag niet accessible zijn

))}
{group.headers.map((header) => {
const column = header.column;
const isSorted = column.getIsSorted() !== false;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ik zou dit eerder inverteren zodat je geen vals positief kan krijgen

Suggested change
const isSorted = column.getIsSorted() !== false;
const isSorted = column.getIsSorted() === true;

<>
<div
className="c-tooltip-component-trigger"
data-id={id}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dit is overbodig geworden?

UseRowSelectRowProps<D>,
UseRowStateRowProps<D> {}
}
// This file previously augmented the 'react-table' v7 module.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Kunnen we dit dan niet weg gooien?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants