Способ пометки 'Не для печати' блоков Grid из material-ui.com

NoPrint.tsx

import React, {FunctionComponent} from 'react';
import makeStyles from '@material-ui/core/styles/makeStyles';
import cn from 'classnames';

const useNoPrintStyles = (
	makeStyles({
		root: {
			'@media print': {
				display: 'none'
			}
		}
	}, {
		name: 'NoPrint'
	})
);

type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;

/**
 * Способ пометки 'Не для печати' блоков Grid из material-ui.com.
 * @example <Grid item component={NoPrint}>
 * @link https://gist.github.com/khusamov/5599baf14fc8d300dda0605d53acb1c0
 */
const NoPrint: FunctionComponent<DivProps> = (
	({className, ...other}) => {
		const css = useNoPrintStyles();
		return <div className={cn(css.root, className)} {...other}/>;
	}
);

export default NoPrint;