Can't resolve 'react-transition-group' in primereact dropdown

Question

I am getting the following error-

Failed to compile
./node_modules/primereact/components/dropdown/DropdownPanel.js
Module not found: Can't resolve 'react-transition-group' in 'D:\my-app\node_modules\primereact\components\dropdown'

This is my package.json

  "dependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"@types/react-transition-group": "^4.4.1",
"primeflex": "^2.0.0",
"primeicons": "^4.1.0",
"primereact": "^6.1.0",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.3",
"web-vitals": "^1.0.1"
},

In App.js

import React, { useState } from 'react';
import { Dropdown } from 'primereact/dropdown'; //getting error after adding this line
import 'primeflex/primeflex.css';

What am I missing here?

@aryzing after adding "import { Dropdown } from 'primereact/dropdown';" — s.k.paul
– s.k.paul, Commented Mar 14, 2021 at 9:36

aryzing · Accepted Answer · 2021-03-14 09:39:16Z

22

Could it be that you only included the types, "@types/react-transition-group": "^4.4.1",, but did not install the actual package?

Try installing the package with npm install react-transition-group. The @types/* repo only contains types, not code.

edited Mar 14, 2021 at 9:39

answered Mar 14, 2021 at 9:36

aryzing

5,9918 gold badges41 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

s.k.paul Over a year ago

I used "npm install @types/react-transition-group"

aryzing Over a year ago

try npm install react-transition-group

Collectives™ on Stack Overflow

Can't resolve 'react-transition-group' in primereact dropdown

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related