Getting an error while trying to create post with desmjs library.

[sundayonah]

So basically while going through the desmjs docs, i found that i have to create subspaceId,

creating subspaceId

useEffect(() => {
const initializeClient = async () => {
const mnemonic = ""
const rpcEndpoint = "http://127.0.0.1:26657";
const gasPrice = GasPrice.fromString("0.025stake");
const signer = await OfflineSignerAdapter.fromMnemonic(SigningMode.DIRECT, mnemonic);
const [account] = await signer.getAccounts();

  console.log("Account fetched:", account);
  if (!account.address.startsWith("desmos")) {
    throw new Error("Invalid account address format");
  }

  setAccount(account);
  const desmosClient = await DesmosClient.connectWithSigner(rpcEndpoint, signer, { gasPrice });

  console.log("DesmosClient initialized", desmosClient);
  console.log("Account data:", account);

  setClient(desmosClient);

  // Attempt to create a subspace
  const createSubspaceMsg: MsgCreateSubspaceEncodeObject = {
    typeUrl: "/desmos.subspaces.v3.MsgCreateSubspace",
    value: MsgCreateSubspace.fromPartial({
      creator: account.address,
      name: "Test Subspace",
      description: "This is a test subspace",
    }),
  };

  console.log("Create subspace message:", createSubspaceMsg);

    const userAddress = account.address
    console.log(userAddress)
  try {
    const subspaceResult = await desmosClient.signAndBroadcast(userAddress, [createSubspaceMsg], "auto");
    console.log("Subspace creation result:", subspaceResult);
    // assertIsDeliverTxSuccess(subspaceResult);

    // // Extract subspace ID from the raw log events
    // const events = subspaceResult.events || [];
    // const subspaceIdEvent = events.find(
    //   (event) =>
    //     event.type === "created_subspace" &&
    //     event.attributes.some((attr) => attr.key === "subspace_id")
    // );

    // if (subspaceIdEvent) {
    //   const subspaceIdAttr = subspaceIdEvent.attributes.find((attr) => attr.key === "subspace_id");
    //   if (subspaceIdAttr) {
    //     setSubspaceId(Long.fromString(subspaceIdAttr.value)); // Convert string to Long type
    //     console.log(`Subspace ID: ${subspaceIdAttr.value}`);
    //   } else {
    //     console.error("Subspace ID attribute not found in event");
    //   }
    // } else {
    //   console.error("Created subspace event not found");
    // }
  } catch (error) {
    console.error("Failed to create subspace:", error);
  }
};

initializeClient();

}, []);

the error i have been getting

VM41549 page.tsx:206 Failed to create subspace: Error: Query failed with (6): rpc error: code = Unknown desc = invalid owner address: invalid address [desmos-labs/desmos/v7/x/subspaces/types/msgs.go:95] With gas wanted: '0' and gas used: '1168' : unknown request
at QueryClient.queryAbci (queryclient.js:118:19)
at async Object.request (utils.js:35:30)
at async Object.simulate (queries.js:50:34)
at async DesmosClient.simulate (signingcosmwasmclient.js:90:29)
at async DesmosClient.signAndBroadcast (desmosclient.js:74:35)
at async initializeClient (VM41549 page.tsx:182:40)

The function below is for creating post

const handleSubmit = async (event: React.FormEvent) => {
event.preventDefault();

// Ensure client and subspaceId are ready
if (!client || !subspaceId) {
  alert("Client not initialized or subspace not selected");
  return;
}

console.log({client, subspaceId})

try {
  const msg: MsgCreatePostEncodeObject = {
    typeUrl: "/desmos.posts.v3.MsgCreatePost",
    value: MsgCreatePost.fromPartial({
      subspaceId, // Use state variable here
      sectionId: 0,
      text: postText,
      author: account?.address,
      replySettings: ReplySetting.REPLY_SETTING_EVERYONE,
    })
  };
  
  const result = await client.signAndBroadcast(account?.address || "", [msg], "auto");
  assertIsDeliverTxSuccess(result);
  
  alert("Post created successfully!");
} catch (error) {
  console.error("Failed to create post:", error);
  alert("Failed to create post. See console for details.");
}

};

[dadamu]

Hey, the owner field is missing in your code for MsgCreateSubspace:

const createSubspaceMsg: MsgCreateSubspaceEncodeObject = {
    typeUrl: "/desmos.subspaces.v3.MsgCreateSubspace",
    value: MsgCreateSubspace.fromPartial({
      creator: account.address,
      name: "Test Subspace",
      description: "This is a test subspace",
      owner: account.address, // this field must be included
    }),
  };

[sundayonah]

owner: account.address,

@dadamu thank you very much, i have successfully create post.
it works

[sundayonah]

owner: account.address,

@dadamu thank you very much, i have successfully create post. it works

since you are here i would like to share this,

trying to connectWallet, after clicking the conectWallet button the qrcode pop-up i scanned it with trust wallet mobile app

i got this pop-up on my mobile
Dapp uses unSupported version of(1) walletConnect

below is the snippet code
`"use client";

import { useCallback, useEffect, useState } from "react";
import { AppBar, Button, Toolbar, Typography } from "@mui/material";
import { SignerStatus } from "@desmoslabs/desmjs";
import { useDesmosContext } from "../context/desmos";
import { useWalletConnectContext } from "../context/walletconnect";
import useSignerStatus from "../hooks/useSignerStatus";
import { WalletConnectConnector } from "@web3-react/walletconnect-connector";

export default function Header() {

const [address, setAddress] = useState("");
const { connect, disconnect, signer } = useDesmosContext();
const { signClient } = useWalletConnectContext();
const signerStatus = useSignerStatus();

useEffect(() => {
if (signer !== undefined && signerStatus === SignerStatus.Connected) {
signer.getAccounts().then((accounts) => {
setAddress(accounts[0].address);
});
} else {
setAddress("");
}
}, [signer, signerStatus]);

const connectDisabled =
signClient === undefined ||
(signerStatus !== SignerStatus.Connected &&
signerStatus !== SignerStatus.NotConnected);

  // Configure WalletConnect connector

const walletConnect = new WalletConnectConnector({
rpc: { 1: "https://mainnet.infura.io/v3/........" },
bridge: "https://bridge.walletconnect.org",
qrcode: true,
// pollingInterval: 12000,
});

// Function to connect to MetaMask
async function connectWallet() {
try {
// Attempt to activate the WalletConnect connector
await walletConnect.activate();
console.log("Connected to MetaMask");
} catch (error) {
console.error("Failed to connect to MetaMask", error);
}
}`

Thanks

[dadamu]

@sundayonah
Please use walletconnectv2 please.
https://github.com/desmos-labs/desmjs/tree/main/packages/walletconnect-v2

[sundayonah]

@sundayonah Please use walletconnectv2 please. https://github.com/desmos-labs/desmjs/tree/main/packages/walletconnect-v2

Thanks

[sundayonah]

I am running desmos node locally, and i have been able to create several posts successfully.
is their way i can display all the posts.
during my research i found this

desmos query posts post [subspace-id] [post-id] [flags]

i run it in terminal, it successfully display the post, how do i do the same UI, so i can see the posts created.

Thanks @dadamu

[dadamu]

You can use desmos query posts posts [subspace-id] --limit [total-count]

[sundayonah]

Thanks @dadamu