id: uuid()

in neuron_viewer/src/nodePage.tsx [111:173]
58 lines of code
3 McCabe index (conditional complexity)

        id: uuid().toString(),
        ...item,
      };
    });

    setAdditionalPanes((panes) => [...panes, ...newPanes]);
  }, []);

  const location = useLocation();
  const urlSearchParams = useMemo(() => new URLSearchParams(location.search), [location.search]);
  const promptsParam = urlSearchParams.get("promptsOfInterest");
  var promptsOfInterest: string[];
  if (promptsParam == null) {
    promptsOfInterest = [];
  } else {
    promptsOfInterest = promptsParam.split(PROMPTS_SEPARATOR);
  }

  return (
    <div>
      <Navigation activeNode={activeNode} />

      <div className="flow-root" style={{ width: 600, margin: "auto", overflow: "visible" }}>
        <ul className="mb-8 mt-10">
          {promptsOfInterest?.length ? (
            <>
              <SectionTitle>Prompts of interest</SectionTitle>
              <Pane>
                {promptsOfInterest.map((prompt, index) => (
                  <Pane key={index}>
                    <PaneComponents.ActivationsForPrompt
                      activeNode={activeNode}
                      sentence={prompt}
                    />
                  </Pane>
                ))}
              </Pane>
              <div style={{ marginBottom: "15px" }}>&nbsp;</div>
            </>
          ) : null}
          {
            <Pane>
              <PaneComponents.Explanation activeNode={activeNode} />
            </Pane>
          }
          <Pane>
            <PaneComponents.DatasetExamples
              record={record}
              isLoadingRecord={isLoadingRecord}
              errorMessage={errorMessage}
              heatmapComponent={getHeatmapComponent(dimensionalityOfActivations)}
            />
          </Pane>
          <Pane>
            <PaneComponents.LogitLens activeNode={activeNode} />
          </Pane>

          {additionalPanes.map((pane) => (
            <li key={pane.id}>
              <div className="relative">
                <div className="relative flex items-start space-x-3">
                  <Pane key={pane.id} id={pane.id} {...pane}>
                    {React.createElement(PaneComponents[pane.type] as any, {