Cannot read properties of undefined (reading 'provider')

[felixhoevelborn]

Hi There,

I got the following error by running npx next-video sync, even re-installing the package and the TypeScript Files or Re-Starting TypeScript Server did not help.

I am using MUX and have set the keys accordingly in my .env

Failed to load next-video config.
✗ An unknown error occurred TypeError: Cannot read properties of undefined (reading 'provider')
    at createAsset (file:///Users/Felix/Documents/GitHub/wmt.de/node_modules/next-video/dist/assets.js:38:27)
    at async newFileProcessor (file:///Users/Felix/Documents/GitHub/wmt.de/node_modules/next-video/dist/cli/sync.js:62:24)
    at async Promise.all (index 0)
    at async Object.handler (file:///Users/Felix/Documents/GitHub/wmt.de/node_modules/next-video/dist/cli/sync.js:88:24)

Thanks for your help!

[luwes]

related #212

how does your next.config.js look like?

it should look a bit like this

/** @type {import('next').NextConfig} */
const { withNextVideo } = require('next-video/process');

const nextConfig = {}; // Your current Next Config object

module.exports = withNextVideo(nextConfig);

notice the withNextVideo(nextConfig) being used at the bottom.

[felixhoevelborn]

This was how I did it, but to test I removed the webpack import between those lines, and it finally works as intended.

const { withNextVideo } = require('next-video/process')
const webpack = require('webpack');


const nextConfig = {```