FunctionComp.defaultProps is going to be deprecated in React 18.3.0

[isBatak]

Description

This issue is based on this Discord report

The error that happens when using Portal with Next.js 13.0.5

Warning: Portal: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

The root of the problem:

chakra-ui/packages/components/portal/src/portal.tsx

Line 178 in 4d5501b

Portal.defaultProps = {

Links to React PR and ESLint change:
facebook/react#25699
jsx-eslint/eslint-plugin-react#2396

Other components might also be affected.

Problem Statement/Justification

This will make Chakra UI more aligned with React 18.3.0

Proposed Solution or API

Change:

Portal.defaultProps = {
  appendToParentPortal: true,
}

Into:

export function Portal(props: PortalProps) {
  const { containerRef, ...rest } = { appendToParentPortal: true, ...props };
  return containerRef ? (
    <ContainerPortal containerRef={containerRef} {...rest} />
  ) : (
    <DefaultPortal {...rest} />
  )
}

The goal isn't to remove defaultProps, but to change how they're defined on function components.

Alternatives

No response

Additional Information

No response

[AlexKvazos]

PR submmited. This is my first contribution, please let know if I missed anything.

[cereallarceny]

I've also submitted a PR which sufficiently solves the problem for all components: #7068

The PR submitted by @AlexKvazos only solved the problem in one component.