Advanced Usage

import { ThemeProvider } from '@avalabs/avacloud-waas-react';
 
function App() {
  return (
    <ThemeProvider darkMode={true}>
      <YourApp />
    </ThemeProvider>
  );
}

import { usePostMessage } from '@avalabs/avacloud-waas-react';
 
function CustomAuth() {
  const { sendMessage, lastMessage } = usePostMessage();
 
  const handleCustomLogin = () => {
    sendMessage({
      type: 'login',
      payload: {
        // Custom payload
      }
    });
  };
 
  // Handle response in useEffect
  useEffect(() => {
    if (lastMessage?.type === 'login_success') {
      // Handle successful login
    }
  }, [lastMessage]);
 
  return (
    <button onClick={handleCustomLogin}>
      Custom Login
    </button>
  );
}