Changes a prop value to a new prop value

change-prop-value.js

// change-prop-value.js
const j = require('jscodeshift');

module.exports = function (fileInfo, api) {
  const componentName = 'MyComponent'; // Replace with your component name
  const propName = 'myProp'; // Replace with the prop name you want to change
  const newValue = 'newValue'; // Replace with the new value for the prop

  const root = j(fileInfo.source);

  const updatePropValue = (path) => {
    const prop = path.node.openingElement.attributes.find(
      (attr) => attr.name && attr.name.name === propName
    );

    if (prop) {
      prop.value = j.literal(newValue);
    }
  };

  root
    .find(j.JSXElement, {
      openingElement: {
        name: {
          name: componentName,
        },
      },
    })
    .forEach(updatePropValue);

  return root.toSource();
};