Совершенно?

Да

Контент то там тот же?

Вообще разные стили

Ничего общего не

Css queries

И компоненты разные даже

Есть библиотека?

Это стандарт же

Для реакта есть что-то облегчающее жизнь

Но я это не юзал сам

Не могу гарантировать, что это круто или хотя бы норм.

Я использовал медиа куэри но на нэкст почему то глючит - хотя на реакте все ок

Можно попробовать углубиться в вопрос. Возможно, мобильные браузеры какой-то заголовок отправляют.

Вообще, у SSR две цели: первая это отдавать контент роботам на индексацию, а вторая --- слегка улучшать время старта у юзера

Так вот ничего страшного не будет, если для юзеров, у которых браузер врёт, второй момент пропадет

Причем тот же эффект для постоянных юзеров можно получить через PWA

И даже работать оффлайн

import React from 'react'


class ImageSlider extends React.Component {
   constructor(props) {
       super(props);

       let state = this.state
       state = { count: 0 }
       // this.handleClick = this.handleClick.bind(this)
   }
   // handleClick() {
   //     if(this.state.count == this.props.images.length == 0) {
   //         this.setState=({count: 0})
   //     }
   //     else if(this.state.count !== this.props.images.length == -1) {
   //         this.setState({count: this.state.count++})
   //     }
   // }

   




   render() {
       const images = [
           '../img/ImageFirst.jpg',
           '../img/ImageSecond.jpg',
           '../img/ImageThree.jpg',
       ]
       const properties = {
           animationDuration: '4s',
           animationTimingFunction: 'ease-out',
           animationIterationCount: 0,
           transform: 'translateX(-200px)',
           transition: 'all 0.5s ease-in-out',
           transition: 'scale(1)'
       }
       return (
           <div className="ImageSlider">
           <div className="VectorDefault VectorLeft" > </div>
           
           <img className="ImageDefault ImageFirst"  />
           <img className="ImageDefault ImageSecond"  />
           <img className="ImageDefault ImageThree"  />
           <div className="VectorDefault VectorRight"> </div>
           </div>
       )
   }
}

export default ImageSlider