Add timeout option

utils/gear-hooks/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gear-js/react-hooks",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "React hooks used across Gear applications",
   "author": "Gear Technologies",
   "license": "GPL-3.0",

utils/gear-hooks/src/context/Api.tsx

@@ -1,6 +1,7 @@
 import { createContext, useEffect, useState } from 'react';
 import { GearApi } from '@gear-js/api';
 import { ProviderProps } from 'types';
+import { WsProvider } from '@polkadot/api';
 
 type Value = {
   api: GearApi;
@@ -9,18 +10,21 @@ type Value = {
 
 type Props = ProviderProps & {
   providerAddress: string;
+  timeout?: number;
 };
 
 const ApiContext = createContext({} as Value);
 
-function ApiProvider({ providerAddress, children }: Props) {
+function ApiProvider({ providerAddress, timeout, children }: Props) {
   const [api, setApi] = useState<GearApi>();
 
   const { Provider } = ApiContext;
   const value = { api: api as GearApi, isApiReady: !!api };
 
   useEffect(() => {
-    GearApi.create({ providerAddress }).then(setApi);
+    const provider = new WsProvider(providerAddress, undefined, undefined, timeout);
+
+    GearApi.create({ provider }).then(setApi);
   }, []);
 
   return <Provider value={value}>{children}</Provider>;