GVertigang adlı üyeden alıntı: mesajı görüntüle
"ReferenceError: S is not defined"
S tanımlanmamış. Kodunuzun en üstüne:
const S = {
    Main: styled.div`
        /* Main */
    `,
    Products: styled.div`
        /* Products  */
    `,
ekleyip dener misiniz?
"
import { observer } from 'mobx-react-lite';
import { ProductList } from '@/storefront';
import { ProductSliderProps } from '../__generated__/types';
import 'swiper/css';
import { Swiper, SwiperSlide } from 'swiper/react';
import styles from './style.module.css';
const Right = ({ productList }: ProductListProps) => {
return (
const S = {
<S.Main>
<Header productList={productList} />
<S.Products>
<Swiper>
{productList.data.map((product) => (
<SwiperSlide key={product.selectedVariant.id}>
<Product product={product} />
</SwiperSlide>
))}
</Swiper>
</S.Products>
<Pagination productList={productList} />
</S.Main>
}
);
};
export default Right;"
bu şekilde ekledim hocam fakat hala aynı ve eklediğim kısım içinde hata veriyor