Numerous incorrect types used Next in starter kit

[alex-reusables]

I've just cloned this repo and the NextJS app runs and builds fine which is great.
I'm hesitant to proceed however as VsCode is telling me numerous components have invalid prods. 2 examples:

1. screens/auth/layout/index.tsx reports that expects height and width to be numbers but they are string
2. screens/auth/forgot-password/index.tsx Toast's variant prop is set to "accent" in the starter code but emits this error:

Type '"accent"' is not assignable to type '"solid" | "outline" | undefined'.

Any ideas? Pasting my package.json in case this is a version issue, it's unchanged from cloning the repo today:

{
  "name": "web",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "postinstall": "patch-package"
  },
  "dependencies": {
    "@expo/html-elements": "0.4.2",
    "@gluestack-ui/accordion": "^1.0.4",
    "@gluestack-ui/actionsheet": "^0.2.44",
    "@gluestack-ui/alert": "^0.1.14",
    "@gluestack-ui/alert-dialog": "^0.1.28",
    "@gluestack-ui/avatar": "^0.1.17",
    "@gluestack-ui/button": "^1.0.4",
    "@gluestack-ui/checkbox": "^0.1.28",
    "@gluestack-ui/divider": "^0.1.8",
    "@gluestack-ui/fab": "^0.1.20",
    "@gluestack-ui/form-control": "^0.1.17",
    "@gluestack-ui/icon": "^0.1.21",
    "@gluestack-ui/image": "^0.1.9",
    "@gluestack-ui/input": "^0.1.29",
    "@gluestack-ui/link": "^0.1.20",
    "@gluestack-ui/menu": "^0.2.33",
    "@gluestack-ui/modal": "^0.1.32",
    "@gluestack-ui/nativewind-utils": "^1.0.23",
    "@gluestack-ui/overlay": "latest",
    "@gluestack-ui/popover": "^0.1.34",
    "@gluestack-ui/pressable": "^0.1.16",
    "@gluestack-ui/progress": "^0.1.14",
    "@gluestack-ui/radio": "^0.1.29",
    "@gluestack-ui/select": "^0.1.29",
    "@gluestack-ui/slider": "^0.1.23",
    "@gluestack-ui/spinner": "^0.1.14",
    "@gluestack-ui/switch": "^0.1.21",
    "@gluestack-ui/textarea": "^0.1.21",
    "@gluestack-ui/toast": "^1.0.4",
    "@gluestack-ui/tooltip": "^0.1.30",
    "@gluestack/ui-next-adapter": "latest",
    "@hookform/resolvers": "^3.3.4",
    "@legendapp/motion": "^2.4.0",
    "@unitools/image": "^0.0.4",
    "@unitools/image-next": "^0.0.6",
    "@unitools/link": "^0.0.3",
    "@unitools/link-next": "^0.0.1",
    "@unitools/navigation": "^0.0.1-alpha.0",
    "@unitools/router": "^0.0.4",
    "@unitools/router-next": "^0.0.1",
    "autoprefixer": "latest",
    "expo-image": "^1.12.9",
    "lucide-react-native": "^0.378.0",
    "nativewind": "4.0.36",
    "next": "^14.0.4",
    "postcss": "latest",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.51.4",
    "react-native-reanimated": "latest",
    "react-native-svg": "^15.2.0",
    "react-native-web": "latest",
    "tailwindcss": "3.4.3",
    "zod": "^3.23.8"
  },
  "devDependencies": {
    "@types/node": "^20.10.6",
    "@types/react": "^18.2.46",
    "@types/react-dom": "^18.2.18",
    "@types/react-native": "^0.73.0",
    "babel-plugin-react-native-web": "^0.19.10",
    "eslint": "^8.56.0",
    "eslint-config-next": "14.0.4",
    "jscodeshift": "0.15.2",
    "typescript": "^5.3.3"
  }
}