DynamicEmbeddedWidget

import {
  DynamicEmbeddedWidget,
  DynamicContextProvider,
  useDynamicContext,
} from "@dynamic-labs/sdk-react-core";
import { EthereumWalletConnectors } from "@dynamic-labs/ethereum";

import "./App.css";

function App() {
  const { sdkHasLoaded } = useDynamicContext();

  return (
    <div className="App">
      <DynamicContextProvider
        settings={{
          environmentId: "XXXX",
          walletConnectors: [EthereumWalletConnectors],
        }}
      >
        <div className="widget-container">
        {sdkHasLoaded ? (
            // background can be 'none', 'default' or 'with-border'
            <DynamicEmbeddedWidget background="default" />
          ) : (
            <LoadingSpinner />
          )}
        </div>
      </DynamicContextProvider>
    </div>
  );
}

export default App;