Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

react-datepicker.min.js:1 Uncaught TypeError: t.createRef is not a function

See original GitHub issue

package.json

   "prop-types": "15.6.0",
   "react": "16.2.0",
   "react-datepicker": "^2.9.6",
   "react-dom": "16.2.0",

class DateField extends Component {
  constructor(props) {
    super(props);
    this.state = {
      startDate: new Date(),
    };
  }

  render() {
    const { startDate } = this.state;
    const { readonly } = this.props;
    return (<DateField
      label="Date*"
      onChange={date => this.setState({ startDate: date ? date.format('yyyyMMdd') : '' })}
      selected={startDate!= null ? startDate: null}
      minDate={new Date()}
      readonly={readonly}
    />);
  }
}

datepicker-onchange

Uncaught TypeError: t.createRef is not a function
    at new r (react-datepicker.min.js:1)
    at constructClassInstance (react-dom.development.js:6355)
    at updateClassComponent (react-dom.development.js:7839)
    at beginWork (react-dom.development.js:8225)
    at performUnitOfWork (react-dom.development.js:10224)
    at workLoop (react-dom.development.js:10288)
    at HTMLUnknownElement.callCallback (react-dom.development.js:542)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:581)
    at invokeGuardedCallback (react-dom.development.js:438)
    at renderRoot (react-dom.development.js:10366)
r @ react-datepicker.min.js:1
constructClassInstance @ react-dom.development.js:6355
updateClassComponent @ react-dom.development.js:7839
beginWork @ react-dom.development.js:8225
performUnitOfWork @ react-dom.development.js:10224
workLoop @ react-dom.development.js:10288
callCallback @ react-dom.development.js:542
invokeGuardedCallbackDev @ react-dom.development.js:581
invokeGuardedCallback @ react-dom.development.js:438
renderRoot @ react-dom.development.js:10366
performWorkOnRoot @ react-dom.development.js:11014
performWork @ react-dom.development.js:10967
batchedUpdates @ react-dom.development.js:11086
batchedUpdates @ react-dom.development.js:2330
dispatchEvent @ react-dom.development.js:3421
react-dom.development.js:9747 The above error occurred in the <r> component:
    in r (created by OnClickOutside(r))
    in OnClickOutside(r) (created by r)
    in div (created by InnerPopper)
    in InnerPopper (created by Consumer)
    in Consumer (created by Popper)
    in Popper (created by r)
    in Provider (created by Manager)
    in Manager (created by r)
    in r (created by r)
    in r (created by DateField)
    in div (created by styled.div)
    in styled.div (created by DateField)
    in div (created by styled.div)
    in styled.div (created by DateField)
    in DateField (created by DateFieldComponent)
    in DateFieldComponent
    in div (created by StoryTitle)
    in StoryTitle
    in ThemeProvider

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
logCapturedError @ react-dom.development.js:9747
captureError @ react-dom.development.js:10540
renderRoot @ react-dom.development.js:10391
performWorkOnRoot @ react-dom.development.js:11014
performWork @ react-dom.development.js:10967
batchedUpdates @ react-dom.development.js:11086
batchedUpdates @ react-dom.development.js:2330
dispatchEvent @ react-dom.development.js:3421
react-datepicker.min.js:1 Uncaught TypeError: t.createRef is not a function
    at new r (react-datepicker.min.js:1)
    at constructClassInstance (react-dom.development.js:6355)
    at updateClassComponent (react-dom.development.js:7839)
    at beginWork (react-dom.development.js:8225)
    at performUnitOfWork (react-dom.development.js:10224)
    at workLoop (react-dom.development.js:10288)
    at HTMLUnknownElement.callCallback (react-dom.development.js:542)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:581)
    at invokeGuardedCallback (react-dom.development.js:438)
    at renderRoot (react-dom.development.js:10366)
r @ react-datepicker.min.js:1
constructClassInstance @ react-dom.development.js:6355
updateClassComponent @ react-dom.development.js:7839
beginWork @ react-dom.development.js:8225
performUnitOfWork @ react-dom.development.js:10224
workLoop @ react-dom.development.js:10288
callCallback @ react-dom.development.js:542
invokeGuardedCallbackDev @ react-dom.development.js:581
invokeGuardedCallback @ react-dom.development.js:438
renderRoot @ react-dom.development.js:10366
performWorkOnRoot @ react-dom.development.js:11014
performWork @ react-dom.development.js:10967
batchedUpdates @ react-dom.development.js:11086
batchedUpdates @ react-dom.development.js:2330
dispatchEvent @ react-dom.development.js:3421

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:6

Top GitHub Comments

1reaction

brendoncocommented, Oct 16, 2019

I dont see this error in release 2.3.0

0reactions

stale[bot]commented, Jul 6, 2020

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Top Results From Across the Web

I am getting TypeError: o.a.createRef is not a function in react

I am trying to add a open source Editor in my React project. I installed this using NPM. To quickly check wheather it...

Everything You Need to Know About Refs in React

Short for “reference”, refs are a way to access underlying DOM elements in a React component. There are many reasons why you would...

Uncaught TypeError | Is Not A Function | Solution - YouTube

Have you encountered an error like:- Uncaught TypeError - Some selector is not a function - jQuery is ... Your browser can' t...

How to fix "Uncaught TypeError: x is not a function" in JavaScript

JS Casts 01 - How to fix " Uncaught TypeError : x is not a function " in JavaScript.Visit https://javascriptcasts.com/episodes/01 for a summary ......

is not a function or its return value is not iterable in ReactJs ...

TypeError : react__WEBPACK_IMPORTED_MODULE_0_default is not a function or its return value is not iterable 1 | import useState from 'react'; ...