[UI] React Warnings in Meshery UI Build

[leecalcote]

Current Behavior

While building Meshery UI, the following warnings are shown.

Desired Behavior

No warnings during make ui-build (no build warnings).

Screenshots/Logs

./components/MesheryMeshInterface/PatternService/CustomTextTooltip.js
16:19  Warning: React Hook "useStyles" is called in function "renderTooltipContent" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".  react-hooks/rules-of-hooks

./components/connections/index.js
987:5  Warning: React Hook "useUpdateConnectionMutator" is called in function "updateConnectionStatus" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".  react-hooks/rules-of-hooks

./components/hooks/useTelemetryHook.js
18:22  Warning: React Hook "useNotification" is called in function "pingPrometheus" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".  react-hooks/rules-of-hooks
19:20  Warning: React Hook "useDispatch" is called in function "pingPrometheus" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".  react-hooks/rules-of-hooks
43:22  Warning: React Hook "useNotification" is called in function "pingGrafana" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".  react-hooks/rules-of-hooks
44:20  Warning: React Hook "useDispatch" is called in function "pingGrafana" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".  

---

Contributor Guides and Handbook

• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🖥 Contributing to Meshery UI
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[github-actions]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[MeenuyD]

Hello @leecalcote I would like to work on this issue can you please assign it to me