Issue with adding a custom video block to a portable text field in Sanity.io

TypeError: get-video-id expects a string

// video.js
import React from 'react'
import getVideoId from 'get-video-id'
import ReactPlayer from 'react-player'

const Preview = ({value}) => {
  const { url } = value
  const id = getVideoId(url)
  return (<ReactPlayer url={id} />)
}

export default {
  name: 'video',
  type: 'object',
  title: 'Video Embed',
  fields: [
    {
      name: 'url',
      type: 'url',
      title: 'Video URL',
      description: 'Paste a video URL, ideally from YouTube or Vimeo.'
    }
  ],
  preview: {
    select: {
      url: 'url'
    },
    component: Preview
  }
}