正确使用enableMainFragmentScaling和setExpand方法吗？

import React, { useState } from 'react';
import { FragmentScaler, ExpandablePanel } from 'some-ui-library'; // 假设这是使用的UI库

function App() {
  const [isExpanded, setIsExpanded] = useState(false);

  return (
    <div>
      <FragmentScaler enableScaling={true}>
        {/* 这里放置需要缩放的内容 */}
        <h1>欢迎来到我的网站</h1>
        <p>这是一个响应式的段落。</p>
      </FragmentScaler>

      <ExpandablePanel title="点击展开/折叠" onToggle={() => setIsExpanded(!isExpanded)} expanded={isExpanded}>
        {/* 这里放置展开/折叠的内容 */}
        <p>这里是额外的详细信息。</p>
      </ExpandablePanel>
    </div>
  );
}

export default App;

<template>
  <div>
    <fragment-scaler :enable-scaling="true">
      <!-- 这里放置需要缩放的内容 -->
      <h1>欢迎来到我的网站</h1>
      <p>这是一个响应式的段落。</p>
    </fragment-scaler>

    <expandable-panel title="点击展开/折叠" :expanded="isExpanded" @toggle="isExpanded = !isExpanded">
      <!-- 这里放置展开/折叠的内容 -->
      <p>这里是额外的详细信息。</p>
    </expandable-panel>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isExpanded: false
    };
  }
};
</script>