From 388622f9734b7b832bca3ede99820a7124faa618 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Thu, 6 Jan 2022 16:06:17 -0500
Subject: [PATCH] fix(refresher): import icons to avoid errors in react and vue
 (#24525)

resolves #24480
---
 core/src/components/refresher-content/refresher-content.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/core/src/components/refresher-content/refresher-content.tsx b/core/src/components/refresher-content/refresher-content.tsx
index ca6ea08887..fb0c11aa41 100644
--- a/core/src/components/refresher-content/refresher-content.tsx
+++ b/core/src/components/refresher-content/refresher-content.tsx
@@ -1,4 +1,5 @@
 import { Component, ComponentInterface, Element, Host, Prop, h } from '@stencil/core';
+import { arrowDown, caretBackSharp } from 'ionicons/icons';
 
 import { config } from '../../global/config';
 import { getIonMode } from '../../global/ionic-global';
@@ -51,7 +52,7 @@ export class RefresherContent implements ComponentInterface {
   componentWillLoad() {
     if (this.pullingIcon === undefined) {
       const mode = getIonMode(this);
-      const overflowRefresher = (this.el.style as any).webkitOverflowScrolling !== undefined ? 'lines' : 'arrow-down';
+      const overflowRefresher = (this.el.style as any).webkitOverflowScrolling !== undefined ? 'lines' : arrowDown;
       this.pullingIcon = config.get(
         'refreshingIcon',
         mode === 'ios' && isPlatform('mobile') ? config.get('spinner', overflowRefresher) : 'circular'
@@ -80,7 +81,7 @@ export class RefresherContent implements ComponentInterface {
                 <ion-spinner name={this.pullingIcon as SpinnerTypes} paused></ion-spinner>
                 {mode === 'md' && this.pullingIcon === 'circular' &&
                   <div class="arrow-container">
-                    <ion-icon name="caret-back-sharp"></ion-icon>
+                    <ion-icon icon={caretBackSharp}></ion-icon>
                   </div>
                 }
               </div>