The div tag containing the class "owl-carousel" must have another custom class for each carousel, example:

The javascript must be updated too, each carousel: $('. first-carousel'). owlCarousel({ //complete args .. $('.second-carousel').owlCarousel({ //complete args .. Link to a working example.

import React,{Component} from 'react';

import OwlCarousel from 'react-owl-carousel';

import 'owl.carousel/dist/assets/owl.carousel.css';

import 'owl.carousel/dist/assets/owl.theme.default.css';

import './owl.css';

export class Owldemo1 extends Component {

render()

{