I have question regarding using server actions in a client component. The docs state that we should use the startTransition hook when we want to run a server action from client. I tried something a big different and it seem to work but not sure if this is the correct behavior how server action should be used
I have a client component:
ScenePanel.tsx

"use client"
function ScenePanel() {
  const { data, setData, controllers } = useDynamicTree<NodeItem>();

  useEffect(() => {
    const getData = async () => {
      const scenes = await fetchScenes();
      setData(scenes);
    };
    getData();
  }, []);
   
  return <div></div>
}

Then I have a file where I keep all of my server actions:
actions.ts

"use server";

export async function fetchScenes() {
  // This function would make an api call using the fetch method
  const scenes = ["a", "b", "c"];

  return scenes;
}

The following works without issues that I can see. I would like to know if this is the correct usage of client component using a server action. OR would this cause wierd behavor or expose my api to the client?