Solved
We're running into an issue where app.getState() and getSessionToken(app) do not resolve - no results or errors are returned. authenticatedFetch has the same issue but we believe it is due to getSessionToken(app). We can can confirm that the app bridge is loaded and app exists.
Here is the code:
import React, { useContext } from 'react';
import ReactDOM from 'react-dom';
import { createBrowserHistory } from 'history';
import { Router, Route, Switch } from 'react-router-dom';
import { Context, Provider } from '@shopify/app-bridge-react';
import { authenticatedFetch, getSessionToken } from '@shopify/app-bridge-utils';
import COMPONENT from 'app/component.jsx';
let component = COMPONENT;
let apiKey = 'XXXXXXXXXXXX';
let shop = 'YYYYYYYYYYY';
const MyApp = () => {
const app = useContext(Context);
if (app) {
console.log(app)
app.getState()
.then((state) => console.log('state'))
.catch((err) => console.log(err));
getSessionToken(app)
.then((result) => console.log(result))
.catch((err) => console.log(err));
authenticatedFetch(app)('https://www.espn.com/').then(response => console.log(response)).catch((err) => console.log(err))
}
return (
<Router history={createBrowserHistory()}>
<Switch>
<Route path='/' component={component} />
</Switch>
</Router>
);
};
ReactDOM.render(
<Provider config={{ apiKey: apiKey, shopOrigin: shop }}>
<MyApp />
</Provider>
, document.getElementById('root'));The app variable looks like this:
What are we doing wrong? We just want to grab the session token to replace the cookies for authenticated AJAX calls.
Accepted Solution (1)
