1.js

  React.useEffect(() => {
    // Make sure our index stays in bounds with max templateInfos

    const totalCount = getTotalTemplateCount();

    if (focusedTemplateIndex >= totalCount || focusedTemplateIndex < 0) {
      safeSetFocusedTemplate(i => i);
    }

    // We only want this check to happen if templateInfos changes. Only then we
    // can get our index out of bounds
    // eslint-disable-next-line
  }, [templateInfos]);

2.js

  React.useEffect(() => {
    if (initializeProperties) {
      initializeProperties({
        onCreateModuleClick,
        onCreateDirectoryClick,
        onUploadFileClick,
      });
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

3.js

  useEffect(() => {
    if (props.value) {
      updateValues(props.value);
    }
    // eslint-disable-next-line
  }, []);