TypeError: Object(...) is not a function with React Table and moment.js

Question

I am using React Table module, and I'm trying to make use of moment to display a better date format from the created_at field of the data passed to ReactTable component.

let columns = [{
  id: "createdAt",
  Header: "Created",
  accessor: a => <Fragment>{moment(a.created_at).format("MM DD YYYY")}</Fragment>
}];

But for some reason, it's whining with the error

TypeError: Object(...) is not a function

pointing to this line.

If I simply do a.created_at it will display it normally. The module is imported for sure.

post all your code...are you sure `a.created_at` is not already a moment object? — Daniel Lizik, Sep 26 '18 at 07:12
@DanielLizik, yes, it is stored as datetime in the database. — , Sep 26 '18 at 07:42
@ChrisG, alone it works, but when specified in the react-table module the error happens. There must be an issue with react-table — , Sep 26 '18 at 07:43

score 27 · Answer 1 · answered Dec 06 '18 at 08:14

27

I had this error when I am importing moment the wrong way

import {moment} from "moment"; // with errors 'Object(...) is not a function'
import moment from "moment"; //no more errors

answered Dec 06 '18 at 08:14

we22gz

383
3
8

wow, ran into this answer and saved my day, which kind of wizzary is going on here? – Joaquin86 Feb 15 '21 at 16:28

score 2 · Answer 2 · answered Oct 22 '20 at 09:52

2

It's may due to wrong import statement

import moment from 'moment';

don't write

import * as moment from 'moment';

or

import {moment} from 'moment';

answered Oct 22 '20 at 09:52

Codemaker2015

12,190
6
97
81

TypeError: Object(...) is not a function with React Table and moment.js

2 Answers2