For issue https://github.com/mui-org/material-ui/issues/15000

force-hover-none-plugin.js

/*
  This fixes issues with:
  - devices that incorrectly state they support hover (Samsung Galaxy Note 9, SM-N960F, Android 8.1, Chrome 73)
  - devices that do not support media queries for hover, but they are enabled by default in Material-UI
*/
export default {
  onProcessStyle(style, rule) {
    if (rule.type !== 'style') return style;

    let newProps = [];

    for (const prop in style) {
      const isNestedConditional = prop === '@media (hover: none)';
      if (isNestedConditional) {
        newProps = newProps.concat(Object.entries(style[prop]));
        delete style[prop];
      } else if (prop[0] === '@' && prop.includes('hover')) {
        throw new Error(`Could not process media query ${prop}`);
      }
    }
    if (newProps.length > 0) {
      return { ...style, ...Object.fromEntries(newProps) };
    }
    return style;
  },
};