Drag and Drop : Custom props in custom component does not work

Do you want to request a feature or report a bug?

BUG

What’s the current behavior?

• Using <DragAndDropCalendar/> component and adding a custom toolbar in components prop
• Passing some custom props to custom toolbar component Eg. In below sandbox passing switchView prop
• Only initial value is passed
• Updated value on re-render is not passed

NOTE: this behaviour is noticed in functional implementation using hooks in classical component this things works well

For bugs, please include the following if possible:

-Browser - Google Chrome -OS - MacOS -react-big-calendar - 0.26.1 -codesandbox : https://codesandbox.io/s/react-big-calendar-6oq3f

What’s the expected behavior?

• The updated value of props should be passed

[JesseyStend]

So I kinda fixed it by making a wrapper class component and passing the props over to the actual Calendar like this.

class ScheduleWrapper extends React.Component {
  render() {
    return (
      <DragAndDropCalendar
        {...this.props}
        components={{
          toolbar: (toolbar) => CustomToolbar(toolbar, this.props.yourVariable),
        }}
      />
    );
  }
}

const YourComponent = ({ }) => {

return (
      <ScheduleWrapper
        yourVariable={yourVariable}
        yourOtherPropsLikeEventsAndSettings
      />
  );
}

[shubhambisht541]

@JesseyStend @alisakova Any update on this the custom toolbar is not working with drag and drop on react-big-calender ??