```js
// ProfilePage.js

import { useContext } from 'react';
import ProfilePageContext from './ProfilePageContext';

const ProfilePage = ({ name, userId }) => {
  const { UserPostsContainer, UserFriendsContainer } = useContext(ProfilePageContext);

  return (
    <div>
      <h1>{name}</h1>
      <UserPostsContainer userId={userId} />
      <UserFriendsContainer userId={userId} />
    </div>
  );
};

export default ProfilePage;
```
