Actualmente estoy enfrentando el problema mencionado a continuación. Intenté muchos cambios para solucionarlo, pero no obtuve una solución perfecta para esto.

 at setCurrentlyValidatingElement (react-jsx-runtime.development.jss:574:1) at checkPropTypes (react-jsx-runtime.development.jss:618:1) at validatePropTypes (react-jsx-runtime.development.jss:1072:1) at jsxWithValidation (react-jsx-runtime.development.jss:1192:1) at jsxWithValidationDynamic (react-jsx-runtime.development.jss:1209:1) at MyComponent.render (MyComponent.jss:85:35) at Ho (935.js:2:72533) at Qo (935.js:2:72332) at Hu (935.js:2:113091) at Pi (935.js:2:99309) {componentStack: '\n at MyComponent (http://localhost:800…://localhost:8000/777.js:1:17479)\n at Suspense'}

MyComponent.jss:85 tiene un componente diferente de un módulo que arroja un error de método, cuando se intenta eliminar el componente, el error desaparece, pero se necesita el componente. Intenté hacer coincidir las versiones comunes de las dependencias. Lanza el mismo error.

 import React from 'react' import { SidePanel } from '@carbon/ibm-products' import '@carbon/ibm-products/scss/index-without-carbon.scss' class MyComponent extends React.Component { constructor (props) { super(props) this.state = { error: {} } } componentDidMount () { this.setState({ error: '' }) } render () { const { onSubmit, isOpen, onClose } = this.props return ( <div> <SidePanel className='test' onRequestClose={() => onClose()} title='Title' actions={[ { label: 'ok', onClick: () => onSubmit(), kind: 'primary' }, { label: 'cancel', onClick: () => onClose(), kind: 'secondary' } ]} > Hello INSIDE SIDE </SidePanel> </div> ) } } MyComponent.displayName = 'MyComponent' MyComponent.propTypes = { isOpen: PropTypes.bool, onClose: PropTypes.func, onSubmit: PropTypes.func } export default MyComponent