React-multimedia-gallery

[bubbleswap]

Have resolved a lot of ts and dependencies issues, it seemed like I was almost able to build and got these new errors that are not npm or dependencies related, has anyone been able to successfully deploy the react-multimedia-gallery webpart?

• PS C:\Users-----\Pnp\react-multimedia-gallery> npm list
  [email protected] C:\Users-----\Pnp\react-multimedia-gallery
  +-- @microsoft/[email protected]
  +-- @microsoft/[email protected]
  +-- @microsoft/[email protected]
  +-- @microsoft/[email protected]
  +-- @microsoft/[email protected]
  +-- @microsoft/[email protected]
  +-- @microsoft/[email protected]
  +-- @microsoft/[email protected]
  +-- @microsoft/[email protected]
  +-- @microsoft/[email protected]
  +-- @pnp/[email protected]
  +-- @pnp/[email protected]
  +-- @pnp/[email protected]
  +-- @pnp/[email protected]
  +-- @types/[email protected]
  +-- @types/[email protected]
  +-- @types/[email protected]
  +-- @types/[email protected]
  +-- @types/[email protected]
  +-- @types/[email protected]
  +-- @types/[email protected]
  +-- @typescript-eslint/[email protected]
  +-- @typescript-eslint/[email protected]
  +-- @uifabric/[email protected]
  +-- @voitanos/[email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +-- [email protected]
  +`-- [email protected]

`PS C:\Users----\Pnp\react-multimedia-gallery> gulp build
Build target: DEBUG
[09:47:19] Using gulpfile ~\Pnp\react-multimedia-gallery\gulpfile.js
[09:47:19] Starting 'build'...
[09:47:19] Starting gulp
[09:47:19] Starting subtask 'pre-copy'...
[09:47:23] Finished subtask 'pre-copy' after 4.23 s
[09:47:23] Starting subtask 'copy-static-assets'...
[09:47:23] Starting subtask 'sass'...

[09:47:23] Warning - [sass] src\webparts\imageGallery\components\ImageGallery\carousel.scss: filename should end with module.sass or module.scss

[09:47:26] Finished subtask 'sass' after 2.57 s
[09:47:26] Starting subtask 'lint'...
[09:47:27] Finished subtask 'lint' after 891 ms
[09:47:27] Starting subtask 'tsc'...
[09:47:27] [tsc] typescript version: 4.5.5
[09:47:27] Finished subtask 'copy-static-assets' after 3.69 s

[09:48:41] Error - [tsc] src/services/spservices.ts(29,7): error TS2322: Type 'WebPartContext' is not assignable to type 'ISPFXContext'.

[09:48:41] [tsc] The types of 'msGraphClientFactory.getClient' are incompatible between these types.
[09:48:41] [tsc] Type '(version: "3") => Promise' is not assignable to type '() => Promise'.

[09:48:41] Error - [tsc] src/webparts/imageGallery/components/ImageGallery/ImageGallery.tsx(7,8): error TS2613: Module '"C:/Users/----/Pnp/react-multimedia-gallery/node_modules/react-grid-gallery/dist/react-grid-gallery"' has no default export. Did you mean to use 'import { Gallery } from "C:/Users/----/Pnp/react-multimedia-gallery/node_modules/react-grid-gallery/dist/react-grid-gallery"' instead?

[09:48:41] Error - [tsc] src/webparts/imageGallery/components/ImageGallery/ImageGallery.tsx(73,9): error TS2322: Type 'import("C:/Users/----/Pnp/react-multimedia-gallery/node_modules/@microsoft/teams-js-v2/dist/MicrosoftTeams").Context' is not assignable to type 'microsoftTeams.Context'.

[09:48:41] [tsc] Types of property 'channelType' are incompatible.
[09:48:41] [tsc] Type 'import("C:/Users/----/Pnp/react-multimedia-gallery/node_modules/@microsoft/teams-js-v2/dist/MicrosoftTeams").ChannelType' is not assignable to type 'microsoftTeams.ChannelType'.
[09:48:41] [tsc] Property 'Shared' is missing in type 'microsoftTeams.ChannelType'.
[09:48:41] Error - 'tsc' sub task errored after 1.23 min
exited with code 2
[09:48:41] 'build' errored after 1.37 min
About to exit with code: 1
Process terminated before summary could be written, possible error in async code not continuing!
Trying to exit with exit code 1`