Git Product home page Git Product logo

amazon-chime-sdk-meetings-breakout-rooms's Issues

Issue with deploying front-end

Hello, I tried using this CDK to create breakout rooms for my team's meetings but unfortunately, while the backend did deploy, I ran into an error when the front end tried to deploy.

[/Users/<username>/Documents/amazon-chime-sdk-meetings-breakout-rooms/front-end-resources/react-meeting/src/containers/BreakoutControls/BreakoutModal.tsx
TypeScript error in /Users/beshard/Documents/amazon-chime-sdk-meetings-breakout-rooms/front-end-resources/react-meeting/src/containers/BreakoutControls/BreakoutModal.tsx(52,28):
Object is of type 'unknown'.  TS2571

    50 |       }
    51 |       catch (error) {
  > 52 |         updateErrorMessage(error.message);
       |                                                  ^
    53 |       }
    54 |     }
    55 |]([url](url))

I made sure that my node compatibility was correct, I'm using node v16.3.0, I'm using my own AWS account for CDK_DEFAULT_ACCOUNT environment variable. I also bootstrapped my cdk with the recommended variables. Let me know if you would like any more information, I think this is a fantastic feature and I'm looking forward to being able to use this normally!

Error when trying to deploy. (Frontend)

what I tryed

./deploy.sh

Occurring event.

  :
 Building React App

~/work3/amazon-chime-sdk-meetings-breakout-rooms/front-end-resources/react-meeting ~/work3/amazon-chime-sdk-meetings-breakout-rooms

up to date, audited 3731 packages in 15s

184 packages are looking for funding
  run `npm fund` for details

58 vulnerabilities (7 moderate, 42 high, 9 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

> [email protected] build
> react-scripts build

Creating an optimized production build...
Failed to compile.

/Users/takagikoudai/work3/amazon-chime-sdk-meetings-breakout-rooms/front-end-resources/react-meeting/src/app.tsx
TypeScript error in /Users/takagikoudai/work3/amazon-chime-sdk-meetings-breakout-rooms/front-end-resources/react-meeting/src/app.tsx(29,8):
Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes'.  TS2559

    27 |   <Router>
    28 |     <AppStateProvider>
  > 29 |       <Theme>
       |        ^
    30 |         <NotificationProvider>
    31 |           <Notifications />
    32 |           <ErrorProvider> 

environment

  • node14.x, node16.x, node18.x
  • typescript: "3.3.1 - 4.4.0"

It was not possible to use any version.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.