cant add bootstrap-carousel for my React App

Question

I copied carousel code in bootstap react page. it gave this error : ./node_modules/bootstrap/dist/js/bootstrap.esm.js Module not found: Can't resolve '@popperjs/core' in .....

.However, I did install popper.js by typing npm install popper.js Also I tried this: npm install popper.js --save. And I imported at beginning of the page like so :

import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { Carousel } from 'bootstrap';
import Popper from 'popper.js';

What did I wrong please help me. Also Should import same thing in my index.js file. Thanks in advance.