React Error: You need to call Parse.initialize before using Parse

Satchel · September 29, 2021, 3:20am

This is the stack trace:

import moralis from "moralis";

moralis.initialize(process.env.MORALIS_APPLICATION_ID);
moralis.serverURL = process.env.MORALIS_SERVER_URL;

// Constants
const TWITTER_HANDLE = '_buildspace';
const TWITTER_LINK = `https://twitter.com/${TWITTER_HANDLE}`;
const OPENSEA_LINK = '';
const TOTAL_MINT_COUNT = 50;

const initialUser = moralis.User.current();

Here is my Replit: https://replit.com/@realquadrant/nft-starter-repo-final#src/App.js

cryptokid · September 29, 2021, 5:46am

A working version:

import { Moralis } from "moralis";

const appId = "APP_ID";
const serverUrl = "SERVER_URL";

Moralis.initialize(appId);
Moralis.serverURL = serverUrl;

const getBalance = async () => {
  const options = {
    chain: "ropsten",
    address: "0x12aADAdd301d22c941DACF2cfa7A9e2019972F61"
  };
  const balances = await Moralis.Web3API.account.getTokenBalances(options);
  console.log("all token balances of a current user", balances);
};

export default function App() {
  return (
    <div className="App">
      <button onClick={getBalance}> getBalance </button>
      <br />
    </div>
  );
}

Not sure if this part works well for you:

moralis.initialize(process.env.MORALIS_APPLICATION_ID);
moralis.serverURL = process.env.MORALIS_SERVER_URL;

Satchel · September 29, 2021, 4:58pm

Thanks, I found that code from a Moralis repo here:

github.com

MoralisWeb3/demo-apps/blob/main/moralis-react-app/src/index.js

import React, { useState } from "react";
import ReactDOM from "react-dom";
import moralis from "moralis";

moralis.initialize(process.env.REACT_APP_MORALIS_APPLICATION_ID);
moralis.serverURL = process.env.REACT_APP_MORALIS_SERVER_URL;

const initialUser = moralis.User.current();

const App = () => {
  const [user, setUser] = useState(initialUser);
  const onLogin = async () => {
    const user = await moralis.authenticate();
    setUser(user);
  };
  const onLogout = () => {
    moralis.User.logOut();
    setUser(null);
  };
  if (user) {

This file has been truncated. show original

Let me give yours a try, thank you!

Satchel · September 29, 2021, 10:43pm

I still get an error:

cryptokid · September 30, 2021, 5:41am

I think that in this particular case you also have to install wallet connect.

Satchel · September 30, 2021, 3:54pm

I also get a cannot find ‘moralis’ error even though I have the package installed.

This is for a React app.

Yomoo · September 30, 2021, 4:17pm

But wait a second. Why you don’t use react-moralis?