1---
2category: '@Electron'
3---
4 
5# useIpcRendererInvoke
6 
7Reactive [ipcRenderer.invoke API](https://www.electronjs.org/docs/api/ipc-renderer#ipcrendererinvokechannel-args) result. Make asynchronous operations look synchronous.
8 
9## Usage
10 
11```ts
12import { useIpcRendererInvoke } from '@vueuse/electron'
13import { computed } from 'vue'
14 
15// enable nodeIntegration if you don't provide ipcRenderer explicitly
16// see: https://www.electronjs.org/docs/api/webview-tag#nodeintegration
17// Ref result will return
18const result = useIpcRendererInvoke<string>('custom-channel', 'some data')
19const msg = computed(() => result.value?.msg)
20```
21 
22## Type Declarations
23 
24```ts
25/**
26 * Returns Promise<any> - Resolves with the response from the main process.
27 *
28 * Send a message to the main process via channel and expect a result ~~asynchronously~~. As composition-api, it makes asynchronous operations look like synchronous.
29 *
30 * You need to provide `ipcRenderer` to this function.
31 *
32 * @see https://www.electronjs.org/docs/api/ipc-renderer#ipcrendererinvokechannel-args
33 * @see https://vueuse.org/useIpcRendererInvoke
34 *
35 * @__NO_SIDE_EFFECTS__
36 */
37export declare function useIpcRendererInvoke<T>(
38  ipcRenderer: IpcRenderer,
39  channel: string,
40  ...args: any[]
41): ShallowRef<T | null>
42/**
43 * Returns Promise<any> - Resolves with the response from the main process.
44 *
45 * Send a message to the main process via channel and expect a result ~~asynchronously~~. As composition-api, it makes asynchronous operations look like synchronous.
46 *
47 * `ipcRenderer` will be automatically gotten.
48 *
49 * @see https://www.electronjs.org/docs/api/ipc-renderer#ipcrendererinvokechannel-args
50 * @see https://vueuse.org/useIpcRendererInvoke
51 *
52 * @__NO_SIDE_EFFECTS__
53 */
54export declare function useIpcRendererInvoke<T>(
55  channel: string,
56  ...args: any[]
57): ShallowRef<T | null>
58```
59