+ {isLoading && (
+
+
+
+ )}
+
+ {!isLoading && configLoadingState === LoadingState.Error && (
+
+
+ {error}
+
+
+ )}
+
+ {!isLoading && configLoadingState === LoadingState.Loaded && resolved && (
+
+
+
+
+
+ {pinnedLinks.length > 0 && (
+
+ )}
+
+
+ )}
+
+ );
+}
diff --git a/samples/tab-context-quicklinks/src/Tab/client.tsx b/samples/tab-context-quicklinks/src/Tab/client.tsx
new file mode 100644
index 00000000..3470bc49
--- /dev/null
+++ b/samples/tab-context-quicklinks/src/Tab/client.tsx
@@ -0,0 +1,13 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { initializeIcons } from "@fluentui/react";
+
+import App from "./App";
+
+initializeIcons();
+
+createRoot(document.getElementById("root")!).render(
+