CommonJS generated components are not usable about amplify-codegen-ui HOT 12 CLOSED

The UI Components team just published them as @aws-amplify/ui-react@next. That should have everything you need. If not, talk to @hvergara

from amplify-codegen-ui.

Actually this might just be me being dumb - I tried to npm install @aws-amplify/ui-react, but it does not seem to export a lot of what's needed for the code to work - specifically View and getOverrideProps

What version of this library do I need to be using?

from amplify-codegen-ui.

Beautiful, that works!

from amplify-codegen-ui.

Actually never mind, it doesn't work. I am seeing this error:

from amplify-codegen-ui.

are you using the dev tarballs? package names should be @aws-amplify/ui-react-next and @aws-amplify/ui-next instead

from amplify-codegen-ui.

This seems to be a React issue when transpiling to ES5. As a work around for now you can use ES6.

Could you try manually updating the generated component to remove the default after react_1 and see if that works?

from amplify-codegen-ui.

Removing .default fixed it! I'll leave this open to track the fix on your end, but for now I'll use ES6 as you suggested.

from amplify-codegen-ui.

what is the JSON that goes with this problem - JSON would be great because then I can run it in my test program.

from amplify-codegen-ui.

The json is in the description

from amplify-codegen-ui.

@dpilch - it does not work with even the latest ES versions. Same issue.

from amplify-codegen-ui.

You will likely need to change the module type (or omit) on the render config as well.

new AmplifyRenderer(component, {
  module: ModuleKind.ESNext,
  target: ScriptTarget.ES2017,
  script: ScriptKind.JS,
})

The typescript transpiler we are using underneath seems to ignore other settings if CommonJS is set. We can add errors for that in the future.

from amplify-codegen-ui.

Asana tracking link: https://app.asana.com/0/1200599634514309/1200993480703740/f

from amplify-codegen-ui.