[Swiper/Elements][React] Maybe I found a bug

[matheustodao]

I was upgrading Swiper React to Swiper Element and when I tried to add navigation or pagination parameters I got the following error.

According to the tests I did I get this error only when I pass navigation or pagination as false.

I made a demonstration https://github.com/matheustodao/demo-swiper-params-bug

// src/components/swiper/container.tsx
 export function Swiper({
	children,
	swiperParams,
}: ISwiperProps) {
  const swiperRef = useRef(null);

  useEffect(() => {
    // Register Swiper web component
    register();

    // Object with parameters
    const params = {
      slidesPerView: 1,
      pagination: false,
      breakpoints: {
        768: {
          slidesPerView: 4,
        },
      },
    };

    // Assign it to swiper element
    Object.assign(swiperRef.current, params);

    // initialize swiper
    swiperRef.current.initialize();
  }, []);

  return (
    <swiper-container init="false" ref={swiperRef}>
      {children}
    </swiper-container>
  );
}

[nolimits4web]

false is not a valid value for pagination, use {enabled: false} instead

[chachaadmin]

I have the same problem. Same error. Anything about it?

`import React, { useRef, useEffect } from 'react';
import { __ } from '@wordpress/i18n';
import { register } from 'swiper/element/bundle';

export default function Slider(props) {

const swiperElRef = useRef(null);

// Retrieve all the variables and functions needed (Attributes, etc)
const {
    attributes
} = props;

// Set the section id
useEffect(() => {

    register();

    if (swiperElRef && swiperElRef.current) {
        const params = {
            navigation: { enabled: attributes.navigation.show },
            pagination: { enabled: attributes.pagination.show }
        };

        Object.assign(swiperElRef.current, params);
        swiperElRef.current.initialize();
    }
}, [attributes]);

return (
    <swiper-container ref={swiperElRef} init="false">
        {attributes.images.map((image, index) => {
            return (
                <swiper-slide key={index}>
                    <img src={image?.sizes?.full?.url} width={image?.sizes?.full?.width} height={image?.sizes?.full?.height} alt={image?.alt} />
                </swiper-slide>
            );
        })}
    </swiper-container>
);

}`