Drop-in: dwolla-business-vcr renders with "undefined"

I am working locally with drop-in components for business registration, specifically the <dwolla-business-vcr> component.

I have a problem, it initially renders with an “undefined” error message:
image

There is no indication, that I can see, as to why there is the “undefined” error message or what it relates to. The configuration is as follows:

	<script type="text/javascript">
		dwolla.configure({
			environment: "sandbox",
			tokenUrl: "/dwolla/token",
			success: (res) => console.log(JSON.stringify(res)),
			error: (err) => alert(err)
		});
	</script>

and

  		<dwolla-business-vcr
  			terms=”http://dev.whatever.com:9090/terms”
  			privacy=”http://dev.whatever.com:9090/privacy”>
  		</dwolla-business-vcr>

Even with the “undefined” message, the component seems to function mostly normal, until you get to the end of the multi-step process and the submission fails with a 401. But I guess I’m looking to solve the “undefined” problem first…

TLDR: Why does the <dwolla-business-vcr> drop-in component render with “undefined” at the top?

1 Like

I have the same problem, did you find a solution?

If you’re using React, copy the useScript hook and then configure and load <dwolla-business-vcr /> when the script is "ready".

export default function DwollaForm({ dwollaConfig }: IProps): ReactElement {
  const status = useScript("https://cdn.dwolla.com/v2/dwolla-web.js");

  if (status === "ready") {
    window.dwolla.configure(dwollaConfig);
  }

  return (
    <>
      {status === "ready" && (
        <dwolla-business-vcr
          terms="www.yourterms.com"
          privacy="www.yourprivacy.com"
        />
      )}
    </>
  );
}

Hi guys

I just tried to recreate this error, and I was able to do it by:

  1. not passing in my key and secret
  2. creating an environment mismatch

Can you try passing in your key and secret in relation to the environment you’re trying to work in (prod, or sandbox)?

Let me know if this helps