M365 - React hooks use to create React Applications that need to access M365 Data

By João Mendes

A comprehensive collection of React hooks for Microsoft 365 development, including SharePoint, Microsoft Graph, and Model Context Protocol (MCP) client integration.

Features

• 🔌 MCP Client Hook - Connect to any Model Context Protocol server and use it as a data layer
• 📊 SharePoint data access hooks
• 📅 Calendar events management
• 👥 User and group management
• 🔍 Search and recommendations
• 📹 Video and media handling
• 💾 Advanced caching with IndexedDB
• 🎨 Theming utilities
• ⚡ Performance optimized
• 🔒 Type-safe with TypeScript

New: MCP Server Integration

The useMCPServer hook enables your application to connect to any Model Context Protocol server and use it as a universal data layer. Perfect for:

• AI agent integrations
• External API abstractions
• Tool orchestration
• Resource management
• Cross-platform data access

Quick Example:

import { useMCPServer } from '@spteck/m365-hooks';

const { tools, callTool } = useMCPServer({
  url: 'https://mcp-server.example.com',
  headers: { Authorization: 'Bearer token' }
});

// Call any tool from the server
const result = await callTool({
  name: 'get_data',
  arguments: { query: 'search term' }
});

📖 Full MCP Documentation | Examples

Installation

npm install @spteck/m365-hooks

Available Hooks

MCP Integration

• useMCPServer - Model Context Protocol client for universal data layer access

SharePoint

• usePnPjs - PnP JS integration
• useSharePointPermissions - Permission checking
• useSharePointCalendarEvents - Calendar events
• useSharePointActivities - Activity tracking
• useNewsPosts - News posts management
• usePageLikes - Page likes functionality
• useMySavedPages - Saved pages management

Microsoft Graph

• useGraphUserAPI - User API access
• useGroupCalendarEvents - Group calendar events

Utilities

• useCache - In-memory caching
• useIndexedDBCache - Persistent caching
• useUtils - General utilities
• useLogging - Logging utilities
• useAppToast - Toast notifications

Media

• useVideos - Video management
• useVideoThumbnail - Video thumbnails

Other

• useAppCatalog - App catalog management
• useMicrosoftAppStore - App store integration
• useMicrosoftLicensing - License management
• useYammerMessages - Yammer integration
• useEventManagement - Event management
• usePooling - Polling utilities
• useRecomendedItems - Recommendations
• useMantineThemeFromFluentTheme - Theme conversion

Documentation

• MCP Server Hook Guide - Complete guide for MCP integration
• MCP Examples - 13+ usage examples
• IndexedDB Cache - Caching documentation
• Cache Management - Cache strategies

License

MIT

Author

João Mendes - @joaojmendes