Configuraion passed as Parameters are not working - ReactJS

Hi All,

I have used JitsiMeeting and try different configuration via parameter to the tag. DOesnt seems to work.

Following is the code.

import “./App.css”;

import { JitsiMeeting } from “@jitsi/react-sdk”;

import { useEffect, useState } from “react”;

function App() {

const [roomNumber, setRoomNumber] = useState("");

useEffect(() => {

setRoomNumber("PrYash_" + Math.round(Math.random() * 120).toString());

});

return (

<div className="App">

  <JitsiMeeting

    roomName="PrYash_a3f3f40e-c30e-4f5a-9c5f-6aa11e30d4cd"

    getIFrameRef={(node) => (node.style.height = "780px")}

    configOverwrite={{

      requireDisplayName: false,

      startWithAudioMuted: false,

      disableModeratorIndicator: true,

      startScreenSharing: false,

      enableEmailInStats: false,

      disableInviteFunctions: true,

      enableWelcomePage: false,

    }}

    userInfo={{

      displayName: "Prayash_AR",

    }}

    interfaceConfigOverwrite={{

      DISABLE_JOIN_LEAVE_NOTIFICATIONS: false,

      DISPLAY_WELCOME_PAGE_CONTENT: false,

      DISPLAY_WELCOME_PAGE_TOOLBAR_ADDITIONAL_CONTENT: false,

      SHOW_PROMOTIONAL_CLOSE_PAGE: false,

    }}

  />

</div>

);

}

export default App;

Can someone help me ? Let me know where am doing wrong. One thing that I was hoping to override was DISPLAY_WELCOME_PAGE_TOOLBAR_ADDITIONAL_CONTENT and SHOW_PROMOTIONAL_CLOSE_PAGE

This can be adjusted only at server side config on your deployment