File tree Expand file tree Collapse file tree 1 file changed +7
-11
lines changed Expand file tree Collapse file tree 1 file changed +7
-11
lines changed Original file line number Diff line number Diff line change @@ -1085,31 +1085,27 @@ export function useScript(src, options = {}) {
1085
1085
1086
1086
let script = document . querySelector ( `script[src="${ src } "]` ) ;
1087
1087
1088
- if ( script ) {
1089
- setStatus ( cachedScriptStatus ?? "loading" ) ;
1090
- } else {
1088
+ if ( ! script ) {
1091
1089
script = document . createElement ( "script" ) ;
1092
1090
script . src = src ;
1093
1091
script . async = true ;
1094
1092
document . body . appendChild ( script ) ;
1095
1093
}
1096
1094
1097
- const setStateFromEvent = ( event ) => {
1095
+ const handleScriptStatus = ( event ) => {
1098
1096
const newStatus = event . type === "load" ? "ready" : "error" ;
1099
1097
setStatus ( newStatus ) ;
1100
1098
cachedScriptStatuses . current [ src ] = newStatus ;
1101
1099
} ;
1102
1100
1103
- script . addEventListener ( "load" , setStateFromEvent ) ;
1104
- script . addEventListener ( "error" , setStateFromEvent ) ;
1101
+ script . addEventListener ( "load" , handleScriptStatus ) ;
1102
+ script . addEventListener ( "error" , handleScriptStatus ) ;
1105
1103
1106
1104
return ( ) => {
1107
- if ( script ) {
1108
- script . removeEventListener ( "load" , setStateFromEvent ) ;
1109
- script . removeEventListener ( "error" , setStateFromEvent ) ;
1110
- }
1105
+ script . removeEventListener ( "load" , handleScriptStatus ) ;
1106
+ script . removeEventListener ( "error" , handleScriptStatus ) ;
1111
1107
1112
- if ( script && options . removeOnUnmount ) {
1108
+ if ( options . removeOnUnmount === true ) {
1113
1109
script . remove ( ) ;
1114
1110
}
1115
1111
} ;
You can’t perform that action at this time.
0 commit comments