How to disable ripple globally?

Data attributes won't change the config in mdb react. Unfortunately, there is no way to disable the ripple effect in Sidenav-related components without modifying the source code.

You can either:

1- add a style to hide the ripple effect:

.your-sidenav .ripple-wave {
  display: none !important;
}

2- create and use a custom component:

import clsx from 'clsx';
import React, { useState, useEffect } from 'react';
import type { SideNavLinkProps } from 'src/pro/navigation/SideNav/SideNavLink/types';
import { MDBIcon } from 'mdb-react-ui-kit';

const SidenavLinkNoRipple: React.FC<SideNavLinkProps> = React.forwardRef<HTMLAnchorElement, SideNavLinkProps>(
  (
    {
      className,
      icon,
      iconClasses,
      iconAngle = 180,
      shouldBeExpanded,
      children,
      active,
      tag: Tag = 'a',
      color = 'primary',
      ...props
    },
    ref
  ) => {
    const classes = clsx('sidenav-link', active && 'active', className);
    const iconClass = clsx('rotate-icon', iconClasses);

    const [angle, setAngle] = useState(shouldBeExpanded ? iconAngle : 0);

    useEffect(() => {
      setAngle(shouldBeExpanded ? iconAngle : 0);
    }, [shouldBeExpanded, iconAngle]);

    return (
      <Tag
        onKeyDown={(e: any) => {
          if (e.key === 'Enter') {
            e.currentTarget.click();
          }
        }}
        tabIndex={1}
        className={classes}
        ref={ref}
        {...props}
      >
        {children}
        {icon && <MDBIcon icon={icon} style={{ transform: `rotate(${angle}deg)` }} className={iconClass} />}
      </Tag>
    );
  }
);

export default SidenavLinkNoRipple;

Cheers! Mateus! It worked.