refactor: improve performance & keep consistency

Author: bra-i-am

src/plugin-slots/ExtendedProfileFieldsSlot/README.md

@@ -28,22 +28,21 @@ import { DIRECT_PLUGIN, PLUGIN_OPERATIONS } from '@openedx/frontend-plugin-frame
 import { ExtendedProfileFields } from '@organization/frontend-component-extended-fields';
 
 const config = {
-	pluginSlots: {
-		extended_profile_fields_slot: {
-			keepDefault: false,
-			plugins: [
-				{
-                    // Insert a custom ExtendedProfileFields component
-					op: PLUGIN_OPERATIONS.Insert,
-					widget: {
-						id: 'extended_profile_fields',
-						type: DIRECT_PLUGIN,
-						RenderWidget: ExtendedProfileFields,
-					},
-				},
-			],
-		},
-	},
+  pluginSlots: {
+    extended_profile_fields_slot: {
+      keepDefault: false,
+      plugins: [
+        {
+          op: PLUGIN_OPERATIONS.Insert,
+          widget: {
+            id: 'extended_profile_fields',
+            type: DIRECT_PLUGIN,
+            RenderWidget: ExtendedProfileFields,
+          },
+        },
+      ],
+    },
+  },
 };
 
 export default config;

src/plugin-slots/ExtendedProfileFieldsSlot/index.jsx

@@ -1,6 +1,7 @@
 import { PluginSlot } from '@openedx/frontend-plugin-framework';
 import { useDispatch, useSelector } from 'react-redux';
 
+import { useCallback } from 'react';
 import { patchProfile } from '../../profile/data/services';
 import { fetchProfile } from '../../profile/data/actions';
 
@@ -13,7 +14,7 @@ const ExtendedProfileFieldsSlot = () => {
   const extendedProfileValues = useSelector((state) => state.profilePage.account.extendedProfile);
 
   const pluginProps = {
-    refreshUserProfile: (username) => dispatch(fetchProfile(username)),
+    refreshUserProfile: useCallback((username) => dispatch(fetchProfile(username)), [dispatch]),
     updateUserProfile: patchProfile,
     profileFieldValues: extendedProfileValues,
     formComponents: {