blip-chat-widget
blip-chat-widget copied to clipboard
Unable to Fullscreen using React
I'm trying to use this method inside a React App .withTarget("Test") but it no works, how to set the chat fullscreen using react?
example: import React from "react"; import ReactDOM from "react-dom"; import { BlipChat } from "blip-chat-widget"; class App extends React.Component { componentDidMount() { var BlipClient = new BlipChat() .withAppKey( "AppKey" ) .withAccount({ fullName: "UserName", extras: { code: "" } }) .withTarget("Test") .withEventHandler(BlipChat.CREATE_ACCOUNT_EVENT, function() { BlipClient.sendMessage(""); }); BlipClient.build(); } render() { return ( <> <div className="App"> <div className="Test"> </> ); } }
const rootElement = document.getElementById("root"); ReactDOM.render(<App />, rootElement);