fix: Add useRef to global LiveProvider context

This update introduces the useRef hook to the global context of the LiveProvider, allowing for better management of references within the example components. The change fix the example - Custom input with popper positioning

Author: balajis-qb

docs-site/src/components/Example/index.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useMemo, useState } from "react";
+import React, { forwardRef, useMemo, useRef, useState } from "react";
 import { LiveProvider, LiveEditor, LiveError, LivePreview } from "react-live";
 import DatePicker, {
   registerLocale,
@@ -164,6 +164,7 @@ export default class CodeExampleComponent extends React.Component<
                 // NB any globals added here should also be referenced in ../../examples/.eslintrc
                 useState,
                 useMemo,
+                useRef,
                 DatePicker,
                 CalendarContainer,
                 DateFNS,

docs-site/src/examples/live-provider-globals.d.ts

@@ -5,6 +5,7 @@ import type { MiddlewareState as MiddlewareStateType } from "@floating-ui/react"
 declare global {
   const useMemo: typeof React.useMemo;
   const useState: typeof React.useState;
+  const useRef: typeof React.useRef;
   const DatePicker: any;
   const CalendarContainer: any;
   const range: any;