Material-ui-pickers: TS2307 Cannot find module '@date-io/type'

Created on 31 May 2019 · 30Comments · Source: mui-org/material-ui-pickers

cry

Environment

| Tech | Version |
| -------------------- | ------- |
| @material-ui/pickers | 3.0.0 |
| material-ui | 4.0.1 |
| React | 16.8.5 |
| Browser | irrelevant |
| Peer library | date-fns@next | |

Steps to reproduce

create a project with ts and react
install @material-ui/picker
use the DatePicker with the provider and try to build it
should fail

Expected behavior

My app should build 💃

Actual behavior

../../node_modules/@material-ui/pickers/DatePicker/components/YearSelection.d.ts:2:26 - error TS2307: Cannot find module '@date-io/type'.

2 import { DateType } from '@date-io/type';
                           ~~~~~~~~~~~~~~~

../../node_modules/@material-ui/pickers/typings/date.d.ts:1:26 - error TS2307: Cannot find module '@date-io/type'.

1 import { DateType } from '@date-io/type';
                           ~~~~~~~~~~~~~~~

How to fix it

From what i saw the type DateType does not exist on @date-io/type (because @date-io/type does not exist)
We should create this type manually instead of trying to import it from a place that doesnt exist.

Or maybe i just missed some steps or i forgot something but i hope not, it would be embarrassing 🤣!

good to take

Source

Wizyma

👍7

Most helpful comment

im getting this too with @date-io/luxon

node_modules/@material-ui/pickers/typings/date.d.ts:1:26 - error TS2307: Cannot find module '@date-io/type'.

1 import { DateType } from '@date-io/type';
                           ~~~~~~~~~~~~~~~

node_modules/@material-ui/pickers/views/Year/YearView.d.ts:2:26 - error TS2307: Cannot find module '@date-io/type'.

2 import { DateType } from '@date-io/type';
                           ~~~~~~~~~~~~~~~

please resolve

hwatersiv on 15 Oct 2019

👍7

All 30 comments

Yeeah, it is included in @date-io/{lib} package. Please mention the version of @date-io/date-fns you using. It should be at least 1.3.5

dmtrKovalenko on 31 May 2019

Hi 👋
my version is:@date-io/date-fns^1.3.6

Wizyma on 31 May 2019

And you have imported it?

dmtrKovalenko on 31 May 2019

Of course

// in my component
import { combineReducers } from "redux";
import { Paper, Typography } from "@material-ui/core";
import DateFnsUtils from '@date-io/date-fns';
import React from "react";

...

But where is the package @date-io/lib ? i can't seem to find it.

Wizyma on 31 May 2019

Actually it is imported right from @date-io/date-fns

dmtrKovalenko on 2 Jun 2019

Here is https://github.com/dmtrKovalenko/date-io/tree/master/packages/date-fns/type

Actually one thing you need is to make

declare module "@date-io/type" {
  export type DateType = Date;
}

dmtrKovalenko on 2 Jun 2019

👍1

Just checked out the source of @material-ui/pickers

you have a typings.d.ts file that has :

declare module '@date-io/type' {
  import { Moment } from 'moment';
  import { DateTime } from 'luxon';

  export type DateType = Moment | DateTime | Date;
}

And you specified in the tsconfig that you want it included in the build :

{
  ...
  "include": ["src/**/*.ts*", "typings.d.ts"],
  "exclude": ["./src/__tests__/**/*", "build"]
  ...
}

But actually it is not included at all

Wizyma on 2 Jun 2019

It is useed only for the local build. Included in @date-io/date-fns or any other @date-io/* lib

dmtrKovalenko on 2 Jun 2019

Checkout this codesandbox - everything works with ts. And type is inferred https://codesandbox.io/s/elated-hertz-uzbdb

dmtrKovalenko on 2 Jun 2019

So i just checked it, and locally it works too (i use storybook) but when i try to build it fails because of the types he can't find.
The command tsc fails everytime :'(

Wizyma on 2 Jun 2019

Try to redeclare the type manually

dmtrKovalenko on 3 Jun 2019

thats one of the first things i tried actually... !
Right now as a temporarily "fix" i added "skipLibCheck": true, to my tsconfig file because we are using it in a project that we use at my company and we need build to pass :D
But i'm going to look into it today or tomorrow for an alternative) because i do not want to have this options set !

Wizyma on 3 Jun 2019

😄1 👎1

Closing due to silency

dmtrKovalenko on 14 Jun 2019

@dmtrKovalenko I am seeing the same thing with @date-io/[email protected] and there is no @date-io/lib installed locally (mentioned in https://github.com/mui-org/material-ui-pickers/issues/1074#issuecomment-497763923)

As far as I can tell, the only occurrence I have of this is in node_modules/@date-io/date-fns/type as a manual type declaration or augmentation.

I'm now confused. Where is the source of @date-io/type and why is it referred to as a package when it is neither published nor installed as such?

rosskevin on 19 Jun 2019

👍1

Ah, I think I see now.
https://github.com/mui-org/material-ui-pickers/issues/1074#issuecomment-498009348

This seems like a missing part of the setup to use the adapter libraries. The documentation site is down so I can't see if it is there.

I want to leave this open to confirm this is part of the docs.

rosskevin on 19 Jun 2019

Yeah this is kinda workaround. When you import any @date-io lib — it will also import and create fake ts-only module with DateType.

I know that it’s a bit flaky solution. But it worked well for me.