Cannot read properties of undefined (reading 'isValidate')

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

Start by reproducing the supplied rc-picker example with rc-picker 4.11.3, dayjs 1.11.5, and React 18.2.0. Trace the stack through useFieldsInvalidate and the Day.js integration, using the shown TimePicker component as the entry point. Done means the time picker renders and handles selection without the isValidate TypeError.