Typescript not compiling in v7.0.22 because of swiper

i have updated my project to framework v7.0.22 and i am using typescript 3.9.10 (tried v4.6.4 same result) in it. i get the following error:

node_modules/framework7/components/swiper/swiper.d.ts:2:24 - error TS2307: Cannot find module 'swiper/bundle' or its corresponding type declarations.

2 import { Swiper } from 'swiper/bundle';

my package.json

{
  "name": "denta-link",
  "private": true,
  "version": "1.0.0",
  "description": "Denta Link",
  "repository": "",
  "license": "UNLICENSED",
  "scripts": {
    "start": "npm run dev",
    "dev": "cross-env NODE_ENV=development vite",
    "build": "cross-env NODE_ENV=production vite build",
    "build-capacitor-ios": "cross-env NODE_ENV=production vite build && npx cap copy ios",
    "build-capacitor-android": "cross-env NODE_ENV=production vite build && npx cap copy android",
    "postinstall": "cpy --flat ./node_modules/framework7-icons/fonts/*.* ./src/fonts/ && cpy --flat ./node_modules/material-icons/iconfont/*.* ./src/fonts/"
  },
  "browserslist": [
    "IOS >= 13",
    "Safari >= 13",
    "last 5 Chrome versions",
    "last 5 Firefox versions",
    "Samsung >= 12"
  ],
  "dependencies": {
    "@capacitor/android": "^3.5.1",
    "@capacitor/app": "^1.1.1",
    "@capacitor/browser": "^1.0.7",
    "@capacitor/core": "^3.5.1",
    "@capacitor/ios": "^3.5.1",
    "@capacitor/keyboard": "^1.2.2",
    "@capacitor/splash-screen": "^1.2.2",
    "@capacitor/status-bar": "^1.0.8",
    "@types/node": "^14.17.18",
    "@types/pouchdb": "^6.4.0",
    "atob": "^2.1.2",
    "body-parser": "^1.20.0",
    "dom7": "^4.0.4",
    "events": "^3.3.0",
    "express": "^4.18.1",
    "firebase-admin": "^10.2.0",
    "framework7": "^7.0.2",
    "framework7-icons": "^5.0.5",
    "jimp": "^0.16.1",
    "material-icons": "^1.10.11",
    "multer": "^1.4.4",
    "node-pushnotifications": "^2.0.3",
    "pouchdb": "^7.3.0",
    "pouchdb-find": "^7.3.0",
    "q": "^1.5.1",
    "qrcode": "^1.5.0",
    "request": "^2.88.2",
    "serialport": "^10.4.0",
    "sharp": "^0.30.4",
    "skeleton-elements": "^4.0.0",
    "swiper": "^8.1.4",
    "syslog-client": "^1.1.1",
    "typescript": "^4.6.4"
  },
  "devDependencies": {
    "@capacitor/cli": "^3.5.1",
    "cordova-res": "^0.15.4",
    "cpy-cli": "^4.1.0",
    "cross-env": "^7.0.3",
    "less": "^4.1.2",
    "postcss-preset-env": "^7.5.0",
    "rollup-plugin-framework7": "^1.2.1",
    "vite": "^2.9.8"
  }
}

this is only a problem for typescript compile on its on. if i use a bundler webpack or vite i dont get any error