Unable to resolve path to module 'react-day-picker/style.module.css' in v9.0.8

[shareef-dweikat]

Hi

Code

import {
  DayPicker,
  DateRange,
  ClassNames,
  DayPickerRangeProps,
  DayPickerSingleProps,
} from 'react-day-picker';
import classNames from 'react-day-picker/style.module.css';

Expected Behavior

The style import to work fine

Actual Behavior

I get this error "Unable to resolve path to module 'react-day-picker/style.module.css'.eslintimport/no-unresolved
Cannot find module 'react-day-picker/style.module.css' or its corresponding type declarations."

Version: "react-day-picker": "^9.0.8"
I have tried to reinstall node_modules, it did not work. I am using Gatsby.

[gpbl]

@shareef-dweikat any help replicating this?

[sshmyg]

@shareef-dweikat Try to import styles from src, like react-day-picker/src/style.module.css.

I have like this in my codebase import { default as defaultStyles } from 'react-day-picker/dist/style.module.css'; and it works, not sure why, probably becasue of mapping in package.json.