Cannot read properties of undefined (reading 'isValidate')

[SewaB]

Cannot read properties of undefined (reading 'isValidate') TypeError: Cannot read properties of undefined (reading 'isValidate')

    at Object.current (http://localhost:3000/static/js/vendors-node_modules_dayjs_plugin_isSameOrAfter_js-node_modules_dayjs_plugin_isSameOrBefore_j-8f3d56.chunk.js:9228:21)
    at http://localhost:3000/static/js/vendors-node_modules_dayjs_plugin_isSameOrAfter_js-node_modules_dayjs_plugin_isSameOrBefore_j-8f3d56.chunk.js:14134:114
    at http://localhost:3000/static/js/vendors-node_modules_dayjs_plugin_isSameOrAfter_js-node_modules_dayjs_plugin_isSameOrBefore_j-8f3d56.chunk.js:8996:22
    at Array.map (<anonymous>)
    at http://localhost:3000/static/js/vendors-node_modules_dayjs_plugin_isSameOrAfter_js-node_modules_dayjs_plugin_isSameOrBefore_j-8f3d56.chunk.js:8978:30
    at mountMemo (http://localhost:3000/static/js/bundle.js:165672:23)
    at Object.useMemo (http://localhost:3000/static/js/bundle.js:166057:20)
    at Object.useMemo (http://localhost:3000/static/js/bundle.js:191308:25)
    at useFieldsInvalidate (http://localhost:3000/static/js/vendors-node_modules_dayjs_plugin_isSameOrAfter_js-node_modules_dayjs_plugin_isSameOrBefore_j-8f3d56.chunk.js:8977:62)
    at Picker (http://localhost:3000/static/js/vendors-node_modules_dayjs_plugin_isSameOrAfter_js-node_modules_dayjs_plugin_isSameOrBefore_j-8f3d56.chunk.js:8351:101)

rc-picker v.4.11.3 "dayjs": "^1.11.5", "react-dom": "^18.2.0", "react": "^18.2.0",

import React, { useState } from 'react'

import dayjs from 'dayjs'
import customParseFormat from 'dayjs/plugin/customParseFormat'
import isSameOrAfter from 'dayjs/plugin/isSameOrAfter'
import isSameOrBefore from 'dayjs/plugin/isSameOrBefore'
import Picker from 'rc-picker'
import 'rc-picker/assets/index.css'
import enUS from 'rc-picker/lib/locale/en_US'

dayjs.extend(customParseFormat)
dayjs.extend(isSameOrAfter)
dayjs.extend(isSameOrBefore)

const TimePicker = ({ currentCompany }) => {
  const defaultValue = dayjs() 

  const [value, setValue] = useState(defaultValue)

  const onSelect = newValue => {
    if (newValue && dayjs.isDayjs(newValue)) {
      console.log('Select:', newValue)
    }
  }

  const onChange = newValue => {
    if (newValue && dayjs.isDayjs(newValue)) {
      console.log('Change:', newValue)
      setValue(newValue)
    }
  }

  const sharedProps = {
    value: value || defaultValue,
    onSelect,
    onChange
  }

  return (

    <div className='App'> 
       <h3>RC Time Picker with DayJS</h3>
      <Picker
        mode='time'
        {...sharedProps}
        locale={enUS}
        defaultValue={defaultValue}
        format='HH:mm' // Define how the date should be displayed
      />
      <div style={{ marginTop: 20 }}>
        <p>
          Selected Date:{' '}
          {value
            ? value.format('YYYY-MM-DD')
            : defaultValue.format('YYYY-MM-DD')}
        </p>
      </div>
    </div>

  )
}

export default TimePicker