Не получается использовать loader для mp4 в webpack config

Импортировал видео и хотел разместить его на своём проекте, но webpack выдаёт такую ошибку:

../../../../my-app/video/video.mp4
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are 
configured to process this file. See https://webpack.js.org/concepts#loaders      
(Source code omitted for this binary file)

Я пытался как-то менять webpack.config.js, но всё безуспешно. webpack.config.js:

const path = require('path');
module.exports = {
  output: {
    filename: 'my-first-webpack.bundle.js',
  },

  module: {
    rules: [{ test: /\.mp4$/, use: 'file-loader' }],
  },
};

Использую next.js. Никаких больше зависимостей не устанавливал. package.json:

    {
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "next": "12.1.0",
    "react": "17.0.2",
    "react-dom": "17.0.2"
  },
  "devDependencies": {
    "eslint": "8.11.0",
    "eslint-config-next": "12.1.0",
    "file-loader": "^6.2.0"
  }
}

Сам проект: