diff --git a/components/doc/panel/index.js b/components/doc/panel/index.js
index 3482981a18..4922d289e3 100644
--- a/components/doc/panel/index.js
+++ b/components/doc/panel/index.js
@@ -132,11 +132,11 @@ const PanelDemo = () => {
             tabName: 'TS Source',
             content: `
 import React from 'react';
-import { Panel } from 'primereact/panel';
+import { Panel, PanelHeaderTemplateOptions } from 'primereact/panel';
 import { Ripple } from 'primereact/ripple';
 
 const PanelDemo = () => {
-    const template = (options) => {
+    const template = (options: PanelHeaderTemplateOptions) => {
         const toggleIcon = options.collapsed ? 'pi pi-chevron-down' : 'pi pi-chevron-up';
         const className = \`\${options.className} justify-content-start\`;
         const titleClassName = \`\${options.titleClassName} pl-1\`;