Wallet Creation and Import on React using ethers.

Wallet.js

const handleImportWallet = (_type) => {
    if (_type === "privateKey") {
      const _wallet = new ethers.Wallet(privateKey);
      setWallet(_wallet);
    } else if (_type === "mnemonic") {
      const _wallet = ethers.HDNodeWallet.fromPhrase(mnemonic);

      // @dev we can import users many accounts
      // const secondAccount = _wallet.derivePath(`m/44'/60'/0'/0/1`);
      // const thirdAccount = _wallet.derivePath(`m/44'/60'/0'/0/2`);

      setWallet(_wallet);
    }
  };

  const handleCreateWallet = () => {
    const _wallet = ethers.Wallet.createRandom();

    setWallet(_wallet);
    setWalletStatus("password");
  };