sr2/link-stack
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

metamigo: Use react 17, next 12. Disable react-mic

Browse source 
* We have to stay on react 17 (and therefore next 12) because we require
@mui/styles which does not support react 18
* Furthermore react-mic does not support a version of react after 16
  So I disabled the mic feature for now since it is not in use.
  In the future we will probably have to fork or implement our own mic
  library.
This commit is contained in:
Abel Luck 2023-03-10 10:19:08 +00:00
parent fe2e53ea6f
commit ad893637e6
3 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored
View file

@ -5,3 +5,4 @@ build/**
dist/** dist/**
.next/** .next/**
docker/zammad/auto_install/** docker/zammad/auto_install/**
.npmrc

4
apps/metamigo-frontend/components/voice/voicelines/MicInput.tsx
View file

@ -8,11 +8,11 @@ import { makeStyles, useTheme } from "@material-ui/core/styles";
import AudioPlayer from "material-ui-audio-player"; import AudioPlayer from "material-ui-audio-player";
import { useStopwatch } from "react-timer-hook"; import { useStopwatch } from "react-timer-hook";
import style from "./MicInput.module.css"; import style from "./MicInput.module.css";
import type { ReactMicProps } from "react-mic"; //import type { ReactMicProps } from "react-mic";
const ReactMic = dynamic<ReactMicProps>( const ReactMic = dynamic<ReactMicProps>(
// eslint-disable-next-line promise/prefer-await-to-then // eslint-disable-next-line promise/prefer-await-to-then
() => import("react-mic").then((mod) => mod.ReactMic), () => { throw new Error("MIC INPUT FEATURE IS DISABLED"); /*return import("react-mic").then((mod) => mod.ReactMic);*/ } ,
{ ssr: false } { ssr: false }
); );

15
apps/metamigo-frontend/package.json
View file

@ -6,26 +6,25 @@
"@apollo/client": "^3.7.4", "@apollo/client": "^3.7.4",
"@hapi/boom": "^10.0.0", "@hapi/boom": "^10.0.0",
"@hapi/wreck": "^18.0.0", "@hapi/wreck": "^18.0.0",
"@mui/icons-material": "^5.11.0", "@mui/icons-material": "^5",
"@mui/material": "^5.11.4", "@mui/material": "^5",
"@mui/styles": "^5.11.2", "@mui/styles": "^5",
"@twilio/voice-sdk": "^2.2.0", "@twilio/voice-sdk": "^2.2.0",
"http-proxy-middleware": "^2.0.6", "http-proxy-middleware": "^2.0.6",
"jsonwebtoken": "^9.0.0", "jsonwebtoken": "^9.0.0",
"jwks-rsa": "^3.0.1", "jwks-rsa": "^3.0.1",
"material-ui-audio-player": "^1.7.1", "material-ui-audio-player": "^1.7.1",
"next": "13.1.2", "next": "12.3.4",
"next-auth": "4.18.8", "next-auth": "4.18.8",
"ra-data-graphql": "^4.6.0", "ra-data-graphql": "^4.6.0",
"ra-i18n-polyglot": "^4.7.0", "ra-i18n-polyglot": "^4.7.0",
"ra-input-rich-text": "^4.7.1", "ra-input-rich-text": "^4.7.1",
"ra-language-english": "^4.7.0", "ra-language-english": "^4.7.0",
"ra-postgraphile": "^6.1.0", "ra-postgraphile": "^6.1.0",
"react": "^18", "react": "^17",
"react-admin": "^4.7.1", "react-admin": "^4.7.1",
"react-digit-input": "^2.1.0", "react-digit-input": "^2.1.0",
"react-dom": "^18", "react-dom": "^17",
"react-mic": "^12.4.6",
"react-qr-code": "^2.0.11", "react-qr-code": "^2.0.11",
"react-timer-hook": "^3.0.5", "react-timer-hook": "^3.0.5",
"swr": "^2.0.0" "swr": "^2.0.0"
@ -44,7 +43,7 @@
"devDependencies": { "devDependencies": {
"@next/eslint-plugin-next": "^13.1.2", "@next/eslint-plugin-next": "^13.1.2",
"@types/hapi__wreck": "17.0.1", "@types/hapi__wreck": "17.0.1",
"@types/react": "^18", "@types/react": "^17",
"@types/react-mic": "12.4.3", "@types/react-mic": "12.4.3",
"typescript": "^4.9.4" "typescript": "^4.9.4"
} }