Hello all, I’m having a problem with my apollo cli...
# orm-helpr
ryanmagoon
05/11/2018, 1:09 AMHello all, I’m having a problem with my apollo client refetching all my queries on
resetStore()setTimeoutresetStorem
max
05/11/2018, 7:43 AM@ryanmagoon why do you run
resetStore()max
05/11/2018, 7:44 AMIf someone has loaded the web app, there is no store and when someone logs out, I run
client.cache.reset()r
ryanmagoon
05/11/2018, 5:33 PMthat’s cool. I ended up putting my
setContextrequestryanmagoon
05/11/2018, 5:33 PM Copy code
const client = new ApolloClient({
request: async operation => {
const token = await getToken()
operation.setContext({
headers: {
authorization: token ? `Bearer ${token}` : ''
}
})
},
uri: '<http://localhost:4000>'
})ryanmagoon
05/11/2018, 5:34 PMI think I’m still missing something though, I agree that I shouldn’t have to reset the store on login
ryanmagoon
05/11/2018, 5:34 PM Copy code
const NavWrapper = ({ loading, me }) => {
if (loading) {
return (
<SafeAreaView style={{ flex: 1, justifyContent: 'center' }}>
<ActivityIndicator size="large" />
</SafeAreaView>
)
}
return me ? <AppStack /> : <AuthStack />
}
const userQuery = gql`
query userQuery {
me {
id
email
name
}
}
`
export default graphql(userQuery, {
props: ({ data }) => ({ ...data })
})(NavWrapper)ryanmagoon
05/11/2018, 5:35 PMthis is the component that was re running the query before the new token was up and going in the client
m
max
05/11/2018, 6:58 PM Copy code
//use the Token in localStorage for authorized requests
const middlewareLink = setContext(() => ({
headers: { authorization: localStorage.getItem('token') ? `Bearer ${localStorage.getItem('token')}` : null }
}));
// const httpLink = createHttpLink({ uri: `http://${process.env.API_URL}` });
const httpLink = createHttpLink({
uri: process.env.API_URL,
batchInterval: 100
});
const link = middlewareLink.concat(httpLink);
const client = new ApolloClient({ link: link, cache: new InMemoryCache() });max
05/11/2018, 6:59 PMthis is what I do. the user is authorized and I save the token to localStorage which I fetch to set on the headers