{loading.title}
\r\n }\r\n if (error){\r\n return{error.message}
\r\n }\r\n returnReady
;\r\n\r\n}\r\n\r\n```\r\n\r\n#### Or, for a Default Display Component:\r\n\r\n```TSX\r\n...\r\n const { error, clearError, residualError } = elvis.display.error.default();\r\n const { loading, cancelled, success } =\r\n elvis.display.loading.default(timeToDisplayCancelledState, timeToDisplaySuccessState);\r\n...\r\n```\r\n\r\n### 3. Customize Displays for an Async Function\r\n\r\n```TSX\r\nimport {useElvis} from \"react-elvis\";\r\n\r\nasync function AnyAsyncFunction (anyArgs){\r\n // do anything\r\n}\r\n\r\nexport default function AnyComponent(){\r\n const elvis = useElvis();\r\n const MyFunctionName = elvis.useWrap(\"MyFunctionName\", AnyAsyncFunction, {\r\n loading: {\r\n \"title\": \"Loading MyFunctionName\",\r\n \"message\": \"... whatever you want to say to the user ...\"\r\n },\r\n cancelled: {\r\n \"title\": \"MyFunctionName was cancelled.\",\r\n \"message\": \"...\"\r\n },\r\n success: {\r\n \"title\": \"MyFunctionName completed successfully.\",\r\n \"message\": \"Hurray!\"\r\n },\r\n definedErrors: [\r\n (error)=> {\r\n if (isMySpecialError(error)){\r\n return {\r\n title: \"My Special Error\",\r\n message: \"Telling the user about MySpecialError ...\",\r\n canIgnore: true\r\n }\r\n }\r\n }\r\n ]\r\n } )\r\n return (\r\n <>\r\n