Warning: React does not recognize the handleAxis prop on a DOM element

[evoyy]

I started seeing this warning in the console after updating from 3.0.1 -> 3.0.2

I'm using the component as follows:

<ResizableBox
    handle={<span className="resize-handle" />}
    ...
>

[STRML]

Fixed in 9082fec, will release soon

[evoyy]

Sorry, I'm still seeing this warning after upgrading to 3.0.3

[STRML]

Thanks. Made a mistake in the fix. Fixed in 3.0.4.

[Peatechen]

Sorry, I'm still seeing this warning after upgrading to 3.0.4
@STRML

[danben4]

Any news on this? 🤓

[wiyantotan]

I fixed the warning by destructuring the handleAxis props from the custom handle component.

For an example took from Readme.md

class MyHandleComponent extends React.Component {
  render() {
    const {handleAxis, innerRef, ...props} = this.props;
    return <div ref={innerRef} className={`foo handle-${handleAxis}`} {...props} />
  }
}
const MyHandle = React.forwardRef((props, ref) => <MyHandleComponent innerRef={ref} {...props} />);

<Resizable handle={<MyHandle />} />