> ## Documentation Index
> Fetch the complete documentation index at: https://docs.photon.codes/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# iMessage chat renaming
> Rename an iMessage group chat.
export const TypeTooltip = ({name, type, children}) => {
const [visible, setVisible] = React.useState(false);
const [pos, setPos] = React.useState({
top: 0,
left: 0
});
const triggerRef = React.useRef(null);
const show = () => {
if (triggerRef.current) {
const rect = triggerRef.current.getBoundingClientRect();
setPos({
top: rect.bottom + 6,
left: rect.left
});
}
setVisible(true);
};
const hide = () => setVisible(false);
return <>
{children || {name}}
{visible &&
{type}
}
;
};
Rename a group chat using `space.rename()` or the canonical `rename()` content
builder:
```ts theme={null}
import { rename } from "spectrum-ts";
// Sugar
await space.rename("Book Club");
// Canonical
await space.send(rename("Book Club"));
```
Renaming requires `@spectrum-ts/imessage` and only works on group chats. With
`@spectrum-ts/imessage-local`, or on a DM, `rename()` throws an
.