React Native Expo SDK 52 Splash Screen

I am trying to create a splash screen. I am following the official documentation.

https://docs.expo.dev/develop/user-interface/splash-screen-and-app-icon/

and

https://docs.expo.dev/versions/latest/sdk/splash-screen/#configuration

i am running prebuild and running in android emulator

the splash screen just appear as a small image in the center, how can i make it full screen?

here is my app.json

{
  "expo": {
    "name": "my-app",
    "slug": "my-app",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/images/icon.png",
    "userInterfaceStyle": "light",
    "newArchEnabled": true,
    "splash": {
      "image": "./assets/images/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#232323"
    },
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/images/adaptive-icon.png",
        "backgroundColor": "#232323"
      },
      "package": "com.rasyidialwee.my-app"
    },
    "web": {
      "favicon": "./assets/images/favicon.png",
      "bundler": "metro"
    },
    "plugins": [
      "expo-router",
      "expo-font",
      [
        "expo-splash-screen",
        {
          "backgroundColor": "#232323",
          "image": "./assets/images/splash.png",
          "dark": {
            "image": "./assets/images/splash.png",
            "backgroundColor": "#232323"
          },
          "resizemode": "contain"
        }
      ]
    ]
  }
}