fetchsitename into useeffect

src/client/js/components/Admin/SlackIntegration/CustomBotWithoutProxySettings.jsx

@@ -26,17 +26,18 @@ const CustomBotWithoutProxySettings = (props) => {
     }
   }, [appContainer.apiv3]);
 
-  const fetchSiteName = useCallback(() => {
-    const siteName = appContainer.config.crowi.title;
-    setSiteName(siteName);
-  }, [appContainer.config.crowi.title]);
 
   useEffect(() => {
+    const fetchSiteName = () => {
+      const siteName = appContainer.config.crowi.title;
+      setSiteName(siteName);
+    };
+
     fetchSiteName();
     if (props.isSetupSlackBot) {
       fetchSlackWorkSpaceName();
     }
-  }, [appContainer, fetchSiteName, fetchSlackWorkSpaceName, props.isSetupSlackBot]);
+  }, [appContainer, fetchSlackWorkSpaceName, props.isSetupSlackBot]);
 
   return (
     <>

src/client/js/components/Admin/SlackIntegration/SlackIntegration.jsx

@@ -109,11 +109,11 @@ const SlackIntegration = (props) => {
           slackBotToken={slackBotToken}
           slackSigningSecretEnv={slackSigningSecretEnv}
           slackSigningSecret={slackSigningSecret}
-          setSlackSigningSecret={setSlackSigningSecret}
-          setSlackBotToken={setSlackBotToken}
-          setIsSendTestMessage={setIsSendTestMessage}
-          setIsRegisterSlackCredentials={setIsRegisterSlackCredentials}
           isSetupSlackBot={isSetupSlackBot}
+          onSetSlackSigningSecret={setSlackSigningSecret}
+          onSetSlackBotToken={setSlackBotToken}
+          onSetIsSendTestMessage={setIsSendTestMessage}
+          onSetIsRegisterSlackCredentials={setIsRegisterSlackCredentials}
         />
       );
       break;