issue with import.meta.url in React app

[timguinther]

Hi All,
I'm trying to add LearnCard to an existing React app. When I import { initLearnCard } from "@learncard/core"; I get a compile error:
Failed to compile.

./node_modules/@learncard/init/dist/init.esm.js
SyntaxError: C:\iq4\client\tb8\iq4-30\node_modules@learncard\init\dist\init.esm.js: Support for the experimental syntax 'importMeta' isn't currently enabled (4419:51):

4417 | return wasm;
4418 | if (typeof input === "undefined") {

4419 | input = new URL("didkit_wasm_bg.wasm", import.meta.url);
| ^
4420 | }
4421 | const imports = __wbg_get_imports();
4422 | if (typeof input === "string" || typeof Request === "function" && input instanceof Request || typeof URL === "function" && input instanceof URL) {

Add @babel/plugin-syntax-import-meta (https://git.io/vbKK6) to the 'plugins' section of your Babel config to enable parsing.

I tried a bunch of things from stackoverflow, but havent been able to get rid of this.
Appreciate any help.
Tim