Aws-mobile-appsync-sdk-js: Example for custom loading component on Rehydrated Component!

Created on 7 Feb 2018  路  2Comments  路  Source: awslabs/aws-mobile-appsync-sdk-js

Could someone please share an example for how to add a custom loading component to the component with render props! thanks

question

Most helpful comment

I @lolcoolkat , let me know if this works for you:

const WithProvider = () => (
  <ApolloProvider client={client}>
    <Rehydrated render={({ rehydrated }) => (
      rehydrated ? <App /> : <strong>I am loading...</strong>
    )}>
    </Rehydrated>
  </ApolloProvider>
);

export default WithProvider;

All 2 comments

I @lolcoolkat , let me know if this works for you:

const WithProvider = () => (
  <ApolloProvider client={client}>
    <Rehydrated render={({ rehydrated }) => (
      rehydrated ? <App /> : <strong>I am loading...</strong>
    )}>
    </Rehydrated>
  </ApolloProvider>
);

export default WithProvider;

Yes works @manueliglesias :D Thank you!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

peterservisbot picture peterservisbot  路  3Comments

mwarger picture mwarger  路  3Comments

manueliglesias picture manueliglesias  路  3Comments

yarax picture yarax  路  3Comments

fcobia picture fcobia  路  3Comments