Advanced Usage

1
import { ThemeProvider } from '@avalabs/avacloud-waas-react';
2
3
function App() {
4
  return (
5
    <ThemeProvider darkMode={true}>
6
      <YourApp />
7
    </ThemeProvider>
8
  );
9
}

1
import { usePostMessage } from '@avalabs/avacloud-waas-react';
2
3
function CustomAuth() {
4
  const { sendMessage, lastMessage } = usePostMessage();
5
6
  const handleCustomLogin = () => {
7
    sendMessage({
8
      type: 'login',
9
      payload: {
10
        // Custom payload
11
      }
12
    });
13
  };
14
15
  // Handle response in useEffect
16
  useEffect(() => {
17
    if (lastMessage?.type === 'login_success') {
18
      // Handle successful login
19
    }
20
  }, [lastMessage]);
21
22
  return (
23
    <button onClick={handleCustomLogin}>
24
      Custom Login
25
    </button>
26
  );
27
}