[BUG] 'Cannot set property 'innerHTML' of undefined' on createWidget if React ref.current is used as element (since release v1.0 !)

Describe the bug

The v1.0 version of this package gives an undefined error on createWidget(element, …) if passed a ref.current value in React.

This worked fine in version 0.34.6. Also, makeWidget is now createWidget apparently, so I think the docs are lagging behind.

To Reproduce Steps to reproduce the behavior:

1. Install @typeform/embed (latest)
2. Add the following code:

import React, { useRef, useEffect } from 'react'
import * as typeformEmbed from '@typeform/embed'

const MyTypeform = () => {
  const typeformRef = useRef(null)

  useEffect(() => {
    typeformEmbed.makeWidget(typeformRef.current, 'https://form.typeform.com/to/MY_TYPEFORM_ID', {
      hideFooter: true,
      hideHeaders: true,
      opacity: 50,
    })
  }, [typeformRef])

  return <div ref={typeformRef} style={{ height: '100vh', width: '100%' }}></div>
}

Expected behavior I expect the form embed to load as usual.

Current behavior The ref.current value seems to be handled incorrectly when the createWidget method is called.

Problem 1: makeWidget does not exist anymore, please update the docs.

Problem 2: 'Cannot set property ‘innerHTML’ of undefined

[wisejayden]

This is still an issue, bad bot.

[mathio]

Sorry about the delay on releasing the documentation. it is now up to date for version >= 1 on both Github and our developers portal.

You can also find the latest examples in demo packages in the repo, there is also an example for React.