},
    "@types/classnames": {
      "version": "2.2.11",
      "resolved": "https://registry.npmjs.org/@types/classnames/-/classnames-2.2.11.tgz",
      "integrity": "sha512-2koNhpWm3DgWRp5tpkiJ8JGc1xTn2q0l+jUNUE7oMKXUf5NpI9AIdC4kbjGNFBdHtcxBD18LAksoudAVhFKCjw=="

    "classnames": {
      "version": "2.2.6",
      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
      "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q=="
    },

    "@types/classnames": "^2.2.11",

    "classnames": "^2.2.6",

import classnames from "classnames";

import UAParser from "ua-parser-js";

import { UAParser } from "ua-parser-js";  

const browser = new UAParser().getBrowser();
let forceRotate = false;
if (browser.name === "Mobile Safari") {
  forceRotate = true;
}

console.log(UAParser.getResult());
UAParser;

    <div className="App">

    <div className={classnames({ App: true, "force-landscape": forceRotate })}>